@atlaskit/emoji 69.4.0 → 69.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/emoji
 
+## 69.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 69.5.0
+
+### Minor Changes
+
+- [`c79d08af8e6ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c79d08af8e6ab) -
+  Added optional parameter to disable FocusLock for emoji uploader.
+
 ## 69.4.0
 
 ### Minor Changes

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

@@ -147,6 +147,8 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     onUploadEmoji = props.onUploadEmoji,
     onFileChooserClicked = props.onFileChooserClicked,
     onUploadCancelled = props.onUploadCancelled,
+    _props$disableFocusLo = props.disableFocusLock,
+    disableFocusLock = _props$disableFocusLo === void 0 ? false : _props$disableFocusLo,
     intl = props.intl;
   var _useState = (0, _react.useState)(errorMessage ? _internalTypes.UploadStatus.Error : _internalTypes.UploadStatus.Waiting),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -298,9 +300,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
-    noFocusGuards: true
-  }, name && previewImage ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
+  var content = name && previewImage ? /*#__PURE__*/React.createElement(_EmojiUploadPreview.default, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -315,7 +315,10 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     onUploadCancelled: cancelUpload,
     errorMessage: chooseEmojiErrorMessage,
     intl: intl
-  }));
+  });
+  return disableFocusLock ? content : /*#__PURE__*/React.createElement(_reactFocusLock.default, {
+    noFocusGuards: true
+  }, content);
 };
 var EmojiUploadPickerComponent = (0, _reactIntlNext.injectIntl)( /*#__PURE__*/(0, _react.memo)(EmojiUploadPicker));
 var _default = exports.default = EmojiUploadPickerComponent;

package/dist/cjs/components/uploader/EmojiUploadComponent.js

@@ -28,7 +28,8 @@ var emojiUploadFooter = null;
 var EmojiUploadComponent = function EmojiUploadComponent(props) {
   var emojiProvider = props.emojiProvider,
     createAnalyticsEvent = props.createAnalyticsEvent,
-    onUploaderRef = props.onUploaderRef;
+    onUploaderRef = props.onUploaderRef,
+    disableFocusLock = props.disableFocusLock;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     uploadErrorMessage = _useState2[0],
@@ -129,7 +130,8 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
     onFileChooserClicked: onFileChooserClicked,
     onUploadCancelled: onUploadCancelled,
     onUploadEmoji: onUploadEmoji,
-    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, uploadErrorMessage) : null
+    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, uploadErrorMessage) : null,
+    disableFocusLock: disableFocusLock
   })));
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EmojiUploadComponent);

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: "69.3.14"
+      packageVersion: "69.5.0"
     }, attributes)
   };
 };

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

@@ -134,6 +134,7 @@ const EmojiUploadPicker = props => {
     onUploadEmoji,
     onFileChooserClicked,
     onUploadCancelled,
+    disableFocusLock = false,
     intl
   } = props;
   const [uploadStatus, setUploadStatus] = useState(errorMessage ? UploadStatus.Error : UploadStatus.Waiting);
@@ -253,9 +254,7 @@ const EmojiUploadPicker = props => {
   const onChooseFileClicked = () => {
     onFileChooserClicked && onFileChooserClicked();
   };
-  return /*#__PURE__*/React.createElement(FocusLock, {
-    noFocusGuards: true
-  }, name && previewImage ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
+  const content = name && previewImage ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -270,7 +269,10 @@ const EmojiUploadPicker = props => {
     onUploadCancelled: cancelUpload,
     errorMessage: chooseEmojiErrorMessage,
     intl: intl
-  }));
+  });
+  return disableFocusLock ? content : /*#__PURE__*/React.createElement(FocusLock, {
+    noFocusGuards: true
+  }, content);
 };
 const EmojiUploadPickerComponent = injectIntl( /*#__PURE__*/memo(EmojiUploadPicker));
 export default EmojiUploadPickerComponent;

package/dist/es2019/components/uploader/EmojiUploadComponent.js

@@ -17,7 +17,8 @@ const EmojiUploadComponent = props => {
   const {
     emojiProvider,
     createAnalyticsEvent,
-    onUploaderRef
+    onUploaderRef,
+    disableFocusLock
   } = props;
   const [uploadErrorMessage, setUploadErrorMessage] = useState();
   useEffect(() => {
@@ -89,7 +90,8 @@ const EmojiUploadComponent = props => {
     onFileChooserClicked: onFileChooserClicked,
     onUploadCancelled: onUploadCancelled,
     onUploadEmoji: onUploadEmoji,
-    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null
+    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null,
+    disableFocusLock: disableFocusLock
   })));
 };
 export default /*#__PURE__*/memo(EmojiUploadComponent);

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

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

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

@@ -138,6 +138,8 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     onUploadEmoji = props.onUploadEmoji,
     onFileChooserClicked = props.onFileChooserClicked,
     onUploadCancelled = props.onUploadCancelled,
+    _props$disableFocusLo = props.disableFocusLock,
+    disableFocusLock = _props$disableFocusLo === void 0 ? false : _props$disableFocusLo,
     intl = props.intl;
   var _useState = useState(errorMessage ? UploadStatus.Error : UploadStatus.Waiting),
     _useState2 = _slicedToArray(_useState, 2),
@@ -289,9 +291,7 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
   var onChooseFileClicked = function onChooseFileClicked() {
     onFileChooserClicked && onFileChooserClicked();
   };
-  return /*#__PURE__*/React.createElement(FocusLock, {
-    noFocusGuards: true
-  }, name && previewImage ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
+  var content = name && previewImage ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
     errorMessage: errorMessage,
     name: name,
     onAddEmoji: onAddEmoji,
@@ -306,7 +306,10 @@ var EmojiUploadPicker = function EmojiUploadPicker(props) {
     onUploadCancelled: cancelUpload,
     errorMessage: chooseEmojiErrorMessage,
     intl: intl
-  }));
+  });
+  return disableFocusLock ? content : /*#__PURE__*/React.createElement(FocusLock, {
+    noFocusGuards: true
+  }, content);
 };
 var EmojiUploadPickerComponent = injectIntl( /*#__PURE__*/memo(EmojiUploadPicker));
 export default EmojiUploadPickerComponent;

package/dist/esm/components/uploader/EmojiUploadComponent.js

@@ -19,7 +19,8 @@ var emojiUploadFooter = null;
 var EmojiUploadComponent = function EmojiUploadComponent(props) {
   var emojiProvider = props.emojiProvider,
     createAnalyticsEvent = props.createAnalyticsEvent,
-    onUploaderRef = props.onUploaderRef;
+    onUploaderRef = props.onUploaderRef,
+    disableFocusLock = props.disableFocusLock;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     uploadErrorMessage = _useState2[0],
@@ -120,7 +121,8 @@ var EmojiUploadComponent = function EmojiUploadComponent(props) {
     onFileChooserClicked: onFileChooserClicked,
     onUploadCancelled: onUploadCancelled,
     onUploadEmoji: onUploadEmoji,
-    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null
+    errorMessage: uploadErrorMessage ? /*#__PURE__*/React.createElement(FormattedMessage, uploadErrorMessage) : null,
+    disableFocusLock: disableFocusLock
   })));
 };
 export default /*#__PURE__*/memo(EmojiUploadComponent);

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

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

package/dist/types/components/common/EmojiUploadPicker.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     onFileChooserClicked?: () => void;
     errorMessage?: Message;
     initialUploadName?: string;
+    disableFocusLock?: boolean;
 }
 declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

package/dist/types/components/uploader/EmojiUploadComponent.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     emojiProvider: EmojiProvider;
     onUploaderRef?: UploadRefHandler;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    disableFocusLock?: boolean;
 }
 declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
 export default _default;

package/dist/types/components/uploader/EmojiUploader.d.ts

@@ -5,6 +5,7 @@ import type { EmojiProvider } from '../../api/EmojiResource';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface Props extends LoadingProps {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    disableFocusLock?: boolean;
 }
 export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props, LoadingState> {
     static AsyncLoadedComponent?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;

package/dist/types-ts4.5/components/common/EmojiUploadPicker.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     onFileChooserClicked?: () => void;
     errorMessage?: Message;
     initialUploadName?: string;
+    disableFocusLock?: boolean;
 }
 declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

package/dist/types-ts4.5/components/uploader/EmojiUploadComponent.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     emojiProvider: EmojiProvider;
     onUploaderRef?: UploadRefHandler;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    disableFocusLock?: boolean;
 }
 declare const _default: import("react").MemoExoticComponent<(props: Props) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/components/uploader/EmojiUploader.d.ts

@@ -5,6 +5,7 @@ import type { EmojiProvider } from '../../api/EmojiResource';
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface Props extends LoadingProps {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    disableFocusLock?: boolean;
 }
 export declare class EmojiUploaderInternal extends LoadingEmojiComponent<Props, LoadingState> {
     static AsyncLoadedComponent?: React.ComponentType<React.PropsWithChildren<ComponentProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.4.0",
+	"version": "69.5.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,13 +38,13 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/react-ufo": "^4.3.0",
+		"@atlaskit/react-ufo": "^4.4.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",