@atlaskit/share 4.14.1 → 4.15.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/share
 
+## 4.15.0
+
+### Minor Changes
+
+- [#74889](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74889) [`517e7e939fd6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/517e7e939fd6) - [ux] Added `onFocus` UserPicker Option
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.14.1
 
 ### Patch Changes

package/dist/cjs/components/UserPickerField.js

@@ -194,7 +194,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
         header = _ref2.header,
-        noOptionsMessageHandler = _ref2.noOptionsMessageHandler;
+        noOptionsMessageHandler = _ref2.noOptionsMessageHandler,
+        onFocus = _ref2.onFocus;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
@@ -206,7 +207,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         onInputChange: onInputChange,
         maxPickerHeight: _styles.MAX_PICKER_HEIGHT,
         textFieldBackgroundColor: true,
-        header: header
+        header: header,
+        onFocus: onFocus
       };
       var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? _smartUserPicker.default : _userPicker.default;
       var menuPortalTarget = (0, _utils.getMenuPortalTargetCurrentHTML)(selectPortalRef);

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.14.1"
+    packageVersion: "4.15.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/UserPickerField.js

@@ -161,7 +161,8 @@ export class UserPickerFieldComponent extends React.Component {
     const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
     const {
       header,
-      noOptionsMessageHandler
+      noOptionsMessageHandler,
+      onFocus
     } = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {};
     const commonPickerProps = {
       fieldId: 'share',
@@ -174,7 +175,8 @@ export class UserPickerFieldComponent extends React.Component {
       onInputChange: onInputChange,
       maxPickerHeight: MAX_PICKER_HEIGHT,
       textFieldBackgroundColor: true,
-      header
+      header,
+      onFocus
     };
     const UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
     const menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.14.1",
+  packageVersion: "4.15.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/UserPickerField.js

@@ -184,7 +184,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
         header = _ref2.header,
-        noOptionsMessageHandler = _ref2.noOptionsMessageHandler;
+        noOptionsMessageHandler = _ref2.noOptionsMessageHandler,
+        onFocus = _ref2.onFocus;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
@@ -196,7 +197,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         onInputChange: onInputChange,
         maxPickerHeight: MAX_PICKER_HEIGHT,
         textFieldBackgroundColor: true,
-        header: header
+        header: header,
+        onFocus: onFocus
       };
       var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
       var menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.14.1"
+    packageVersion: "4.15.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/types/UserPickerOptions.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export type UserPickerOptions = {
-    header?: React.ReactNode;
+import type { UserPickerProps } from '@atlaskit/user-picker';
+export type UserPickerOptions = Pick<UserPickerProps, 'onFocus' | 'header'> & {
     /** Message to be shown when the menu is open but no options are provided.
      * If message is null, no message will be displayed.
      * If message is undefined, default message will be displayed.

package/dist/types-ts4.5/types/UserPickerOptions.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export type UserPickerOptions = {
-    header?: React.ReactNode;
+import type { UserPickerProps } from '@atlaskit/user-picker';
+export type UserPickerOptions = Pick<UserPickerProps, 'onFocus' | 'header'> & {
     /** Message to be shown when the menu is open but no options are provided.
      * If message is null, no message will be displayed.
      * If message is undefined, default message will be displayed.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.14.1",
+  "version": "4.15.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -54,10 +54,10 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
-    "@atlaskit/user-picker": "^10.17.0",
+    "@atlaskit/user-picker": "^10.19.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",