@atlaskit/emoji 71.7.4 → 71.7.5

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/emoji
 
+## 71.7.5
+
+### Patch Changes
+
+- [`2e769066c051f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e769066c051f) -
+  Stop propagation to stop Add emoji click closing picker
+- [`400e0ad47f25f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/400e0ad47f25f) -
+  Do not close picker on cancel/delete emoji in post update
+- Updated dependencies
+
 ## 71.7.4
 
 ### Patch Changes

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

@@ -12,12 +12,22 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _reactIntl = require("react-intl");
 var _i18n = require("../i18n");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var emojiActionsTestId = exports.emojiActionsTestId = 'emoji-actions';
 var uploadEmojiTestId = exports.uploadEmojiTestId = 'upload-emoji';
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!_featureGates.default.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = _featureGates.default.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component
@@ -26,7 +36,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
   var handleOpenUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload')) {
+    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -115,7 +115,7 @@ var AddOwnEmoji = exports.AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
   var handleOpenUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload')) {
+    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -56,7 +56,13 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     var _this;
     (0, _classCallCheck2.default)(this, EmojiDeletePreview);
     _this = _callSuper(this, EmojiDeletePreview, [props]);
-    (0, _defineProperty2.default)(_this, "onSubmit", function () {
+    (0, _defineProperty2.default)(_this, "stopClickPropagationForRefreshEmojiPicker", function (event) {
+      if (isRefreshEmojiPickerEnabled()) {
+        event === null || event === void 0 || event.stopPropagation();
+      }
+    });
+    (0, _defineProperty2.default)(_this, "onSubmit", function (event) {
+      _this.stopClickPropagationForRefreshEmojiPicker(event);
       var _this$props = _this.props,
         emoji = _this$props.emoji,
         onDeleteEmoji = _this$props.onDeleteEmoji,
@@ -77,7 +83,8 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    (0, _defineProperty2.default)(_this, "onCancel", function () {
+    (0, _defineProperty2.default)(_this, "onCancel", function (event) {
+      _this.stopClickPropagationForRefreshEmojiPicker(event);
       _this.props.onCloseDelete();
     });
     _this.state = {

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

@@ -409,7 +409,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     }
   }, [cancelChooseFile, errorOnUpload, onFileLoad]);
   var cancelUpload = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload')) {
+    if ((0, _platformFeatureFlags.fg)('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event === null || event === void 0 || event.preventDefault();
       event === null || event === void 0 || event.stopPropagation();
     }

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.7.3"
+      packageVersion: "71.7.4"
     }, attributes)
   };
 };

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

@@ -4,11 +4,21 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage } from 'react-intl';
 import { messages } from '../i18n';
 import Button from '@atlaskit/button/new';
 export const emojiActionsTestId = 'emoji-actions';
 export const uploadEmojiTestId = 'upload-emoji';
+const isRefreshEmojiPickerEnabled = () => {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  const isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 const addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component
@@ -19,7 +29,7 @@ export const AddOwnEmoji = props => {
     uploadEnabled
   } = props;
   const handleOpenUpload = useCallback(event => {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -106,7 +106,7 @@ export const AddOwnEmoji = props => {
     uploadEnabled
   } = props;
   const handleOpenUpload = useCallback(event => {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -38,7 +38,13 @@ const deleteEmojiLabelId = 'fabric.emoji.delete.label.id';
 class EmojiDeletePreview extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onSubmit", () => {
+    _defineProperty(this, "stopClickPropagationForRefreshEmojiPicker", event => {
+      if (isRefreshEmojiPickerEnabled()) {
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
+      }
+    });
+    _defineProperty(this, "onSubmit", event => {
+      this.stopClickPropagationForRefreshEmojiPicker(event);
       const {
         emoji,
         onDeleteEmoji,
@@ -60,7 +66,8 @@ class EmojiDeletePreview extends Component {
         });
       }
     });
-    _defineProperty(this, "onCancel", () => {
+    _defineProperty(this, "onCancel", event => {
+      this.stopClickPropagationForRefreshEmojiPicker(event);
       this.props.onCloseDelete();
     });
     this.state = {

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

@@ -360,7 +360,7 @@ const EmojiUploadPicker = props => {
     }
   }, [cancelChooseFile, errorOnUpload, onFileLoad]);
   const cancelUpload = useCallback(event => {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event === null || event === void 0 ? void 0 : event.preventDefault();
       event === null || event === void 0 ? void 0 : event.stopPropagation();
     }

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.7.3",
+    packageVersion: "71.7.4",
     ...attributes
   }
 });

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

@@ -4,11 +4,21 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import { FormattedMessage } from 'react-intl';
 import { messages } from '../i18n';
 import Button from '@atlaskit/button/new';
 export var emojiActionsTestId = 'emoji-actions';
 export var uploadEmojiTestId = 'upload-emoji';
+var isRefreshEmojiPickerEnabled = function isRefreshEmojiPickerEnabled() {
+  if (!FeatureGates.initializeCompleted()) {
+    return false;
+  }
+
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+  var isEnabled = FeatureGates.getExperimentValue('platform_teamoji_26_refresh_emoji_picker', 'isEnabled', false);
+  return isEnabled;
+};
 var addCustomEmoji = null;
 
 // Generic Type for the wrapped functional component
@@ -17,7 +27,7 @@ export var AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
   var handleOpenUpload = useCallback(function (event) {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -106,7 +106,7 @@ export var AddOwnEmoji = function AddOwnEmoji(props) {
   var onOpenUpload = props.onOpenUpload,
     uploadEnabled = props.uploadEnabled;
   var handleOpenUpload = useCallback(function (event) {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event.preventDefault();
       event.stopPropagation();
     }

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

@@ -47,7 +47,13 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, EmojiDeletePreview);
     _this = _callSuper(this, EmojiDeletePreview, [props]);
-    _defineProperty(_this, "onSubmit", function () {
+    _defineProperty(_this, "stopClickPropagationForRefreshEmojiPicker", function (event) {
+      if (isRefreshEmojiPickerEnabled()) {
+        event === null || event === void 0 || event.stopPropagation();
+      }
+    });
+    _defineProperty(_this, "onSubmit", function (event) {
+      _this.stopClickPropagationForRefreshEmojiPicker(event);
       var _this$props = _this.props,
         emoji = _this$props.emoji,
         onDeleteEmoji = _this$props.onDeleteEmoji,
@@ -68,7 +74,8 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_this, "onCancel", function () {
+    _defineProperty(_this, "onCancel", function (event) {
+      _this.stopClickPropagationForRefreshEmojiPicker(event);
       _this.props.onCloseDelete();
     });
     _this.state = {

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

@@ -401,7 +401,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     }
   }, [cancelChooseFile, errorOnUpload, onFileLoad]);
   var cancelUpload = useCallback(function (event) {
-    if (fg('platform_emoji_keep_picker_open_on_upload')) {
+    if (fg('platform_emoji_keep_picker_open_on_upload') || isRefreshEmojiPickerEnabled()) {
       event === null || event === void 0 || event.preventDefault();
       event === null || event === void 0 || event.stopPropagation();
     }

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.7.3"
+      packageVersion: "71.7.4"
     }, attributes)
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.7.4",
+	"version": "71.7.5",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-emoji": "2.168.0",
-		"@atlaskit/analytics-next": "^12.1.0",
+		"@atlaskit/analytics-next": "^12.2.0",
 		"@atlaskit/browser-apis": "^1.1.0",
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
 		"@atlaskit/tmp-editor-statsig": "^120.1.0",
-		"@atlaskit/tokens": "^15.3.0",
+		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@atlaskit/util-service-support": "^7.1.0",