@atlaskit/share 4.16.12 → 4.17.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/share
 
+## 4.17.0
+
+### Minor Changes
+
+-   [#99095](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99095)
+    [`ffdabd2f2891`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ffdabd2f2891) -
+    Allow custom placeholder, required & label messages for the user picker
+
+## 4.16.13
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 4.16.12
 
 ### Patch Changes

package/dist/cjs/components/UserPickerField.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserPickerFieldComponent = exports.UserPickerField = exports.REQUIRED = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -59,7 +60,7 @@ var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail,
     })) : null;
   };
 };
-var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor() {
+var getPlaceHolderMessageDescriptorDefault = function getPlaceHolderMessageDescriptorDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -81,7 +82,7 @@ var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor()
   };
   return placeholderMessage[product];
 };
-var getLabelMessageDescriptor = function getLabelMessageDescriptor() {
+var getLabelMessageDescriptorDefault = function getLabelMessageDescriptorDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -101,7 +102,7 @@ var getLabelMessageDescriptor = function getLabelMessageDescriptor() {
   };
   return labelMessage[product];
 };
-var getRequiredMessage = function getRequiredMessage() {
+var getRequiredMessageDefault = function getRequiredMessageDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -220,11 +221,41 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         userPickerOptions = _this$props3.userPickerOptions;
       var smartUserPickerProps = this.getSmartUserPickerProps();
       var allowEmail = (0, _utils.allowEmails)(config);
-      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
         header = _ref2.header,
         noOptionsMessageHandler = _ref2.noOptionsMessageHandler,
-        onFocus = _ref2.onFocus;
+        onFocus = _ref2.onFocus,
+        getLabelMessageCustom = _ref2.getLabelMessage,
+        getPlaceholderMessageCustom = _ref2.getPlaceholderMessage,
+        getRequiredMessageCustom = _ref2.getRequiredMessage;
+      var getRequiredMessage = function getRequiredMessage() {
+        var _getRequiredMessageCu;
+        for (var _len2 = arguments.length, _ref3 = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          _ref3[_key2] = arguments[_key2];
+        }
+        var product = _ref3[0],
+          params = _ref3.slice(1);
+        return (_getRequiredMessageCu = getRequiredMessageCustom === null || getRequiredMessageCustom === void 0 ? void 0 : getRequiredMessageCustom.apply(void 0, (0, _toConsumableArray2.default)(params))) !== null && _getRequiredMessageCu !== void 0 ? _getRequiredMessageCu : getRequiredMessageDefault.apply(void 0, [product].concat((0, _toConsumableArray2.default)(params)));
+      };
+      var getLabelMessage = function getLabelMessage() {
+        var _getLabelMessageCusto;
+        for (var _len3 = arguments.length, _ref4 = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          _ref4[_key3] = arguments[_key3];
+        }
+        var product = _ref4[0],
+          params = _ref4.slice(1);
+        return (_getLabelMessageCusto = getLabelMessageCustom === null || getLabelMessageCustom === void 0 ? void 0 : getLabelMessageCustom.apply(void 0, (0, _toConsumableArray2.default)(params))) !== null && _getLabelMessageCusto !== void 0 ? _getLabelMessageCusto : getLabelMessageDescriptorDefault.apply(void 0, [product].concat((0, _toConsumableArray2.default)(params)));
+      };
+      var getPlaceHolderMessage = function getPlaceHolderMessage() {
+        var _getPlaceholderMessag;
+        for (var _len4 = arguments.length, _ref5 = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          _ref5[_key4] = arguments[_key4];
+        }
+        var product = _ref5[0],
+          params = _ref5.slice(1);
+        return (_getPlaceholderMessag = getPlaceholderMessageCustom === null || getPlaceholderMessageCustom === void 0 ? void 0 : getPlaceholderMessageCustom.apply(void 0, (0, _toConsumableArray2.default)(params))) !== null && _getPlaceholderMessag !== void 0 ? _getPlaceholderMessag : getPlaceHolderMessageDescriptorDefault.apply(void 0, [product].concat((0, _toConsumableArray2.default)(params)));
+      };
+      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
@@ -244,16 +275,16 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
       return /*#__PURE__*/_react.default.createElement(_form.Field, {
         label: /*#__PURE__*/_react.default.createElement("span", {
           id: USER_PICKER_FIELD_LABEL
-        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getLabelMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
         name: "users",
         validate: validate,
         defaultValue: defaultValue,
         transform: this.handleUserPickerTransform,
         isRequired: true
-      }, function (_ref3) {
-        var fieldProps = _ref3.fieldProps,
-          fieldValidationError = _ref3.error,
-          fieldValid = _ref3.meta.valid;
+      }, function (_ref6) {
+        var fieldProps = _ref6.fieldProps,
+          fieldValidationError = _ref6.error,
+          fieldValid = _ref6.meta.valid;
         var helperMessage = _this2.getHelperMessageOrDefault();
         var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(_i18n.messages.userPickerAddMoreMessage);
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;
@@ -263,7 +294,7 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
           addMoreMessage: addMoreMessage,
           placeholder: /*#__PURE__*/_react.default.createElement("span", {
             id: USER_PICKER_FIELD_PLACEHOLDER
-          }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+          }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
           menuPortalTarget: menuPortalTarget,
           inputId: fieldProps.id
         })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/_react.default.createElement("a", {

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.16.12"
+    packageVersion: "4.17.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/UserPickerField.js

@@ -38,7 +38,7 @@ const getNoOptionsMessage = (isPublicLink, allowEmail, noOptionsMessageHandler)
     }
   })) : null;
 };
-const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
+const getPlaceHolderMessageDescriptorDefault = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
   if (!allowEmail) {
     const placeholderMessage = {
       jira: messages.userPickerPlaceholderEmailDisabledJira,
@@ -57,7 +57,7 @@ const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail, isB
   };
   return placeholderMessage[product];
 };
-const getLabelMessageDescriptor = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
+const getLabelMessageDescriptorDefault = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
   if (!allowEmail) {
     const labelMessage = {
       jira: messages.userPickerLabelEmailDisabledJira,
@@ -74,7 +74,7 @@ const getLabelMessageDescriptor = (product = 'confluence', allowEmail, isBrowseU
   };
   return labelMessage[product];
 };
-const getRequiredMessage = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
+const getRequiredMessageDefault = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
   if (!allowEmail) {
     const requiredMessage = {
       jira: messages.userPickerRequiredMessageEmailDisabledJira,
@@ -185,12 +185,27 @@ export class UserPickerFieldComponent extends React.Component {
     } = this.props;
     const smartUserPickerProps = this.getSmartUserPickerProps();
     const allowEmail = allowEmails(config);
-    const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
     const {
       header,
       noOptionsMessageHandler,
-      onFocus
+      onFocus,
+      getLabelMessage: getLabelMessageCustom,
+      getPlaceholderMessage: getPlaceholderMessageCustom,
+      getRequiredMessage: getRequiredMessageCustom
     } = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {};
+    const getRequiredMessage = (...[product, ...params]) => {
+      var _getRequiredMessageCu;
+      return (_getRequiredMessageCu = getRequiredMessageCustom === null || getRequiredMessageCustom === void 0 ? void 0 : getRequiredMessageCustom(...params)) !== null && _getRequiredMessageCu !== void 0 ? _getRequiredMessageCu : getRequiredMessageDefault(...[product, ...params]);
+    };
+    const getLabelMessage = (...[product, ...params]) => {
+      var _getLabelMessageCusto;
+      return (_getLabelMessageCusto = getLabelMessageCustom === null || getLabelMessageCustom === void 0 ? void 0 : getLabelMessageCustom(...params)) !== null && _getLabelMessageCusto !== void 0 ? _getLabelMessageCusto : getLabelMessageDescriptorDefault(...[product, ...params]);
+    };
+    const getPlaceHolderMessage = (...[product, ...params]) => {
+      var _getPlaceholderMessag;
+      return (_getPlaceholderMessag = getPlaceholderMessageCustom === null || getPlaceholderMessageCustom === void 0 ? void 0 : getPlaceholderMessageCustom(...params)) !== null && _getPlaceholderMessag !== void 0 ? _getPlaceholderMessag : getPlaceHolderMessageDescriptorDefault(...[product, ...params]);
+    };
+    const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
     const commonPickerProps = {
       fieldId: 'share',
       loadOptions: this.loadOptions,
@@ -210,7 +225,7 @@ export class UserPickerFieldComponent extends React.Component {
     return /*#__PURE__*/React.createElement(Field, {
       label: /*#__PURE__*/React.createElement("span", {
         id: USER_PICKER_FIELD_LABEL
-      }, /*#__PURE__*/React.createElement(FormattedMessage, getLabelMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+      }, /*#__PURE__*/React.createElement(FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
       name: "users",
       validate: validate,
       defaultValue: defaultValue,
@@ -232,7 +247,7 @@ export class UserPickerFieldComponent extends React.Component {
         addMoreMessage: addMoreMessage,
         placeholder: /*#__PURE__*/React.createElement("span", {
           id: USER_PICKER_FIELD_PLACEHOLDER
-        }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+        }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
         menuPortalTarget: menuPortalTarget,
         inputId: fieldProps.id
       })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement("a", {

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

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

package/dist/esm/components/UserPickerField.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -49,7 +50,7 @@ var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail,
     })) : null;
   };
 };
-var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor() {
+var getPlaceHolderMessageDescriptorDefault = function getPlaceHolderMessageDescriptorDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -71,7 +72,7 @@ var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor()
   };
   return placeholderMessage[product];
 };
-var getLabelMessageDescriptor = function getLabelMessageDescriptor() {
+var getLabelMessageDescriptorDefault = function getLabelMessageDescriptorDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -91,7 +92,7 @@ var getLabelMessageDescriptor = function getLabelMessageDescriptor() {
   };
   return labelMessage[product];
 };
-var getRequiredMessage = function getRequiredMessage() {
+var getRequiredMessageDefault = function getRequiredMessageDefault() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
   var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -210,11 +211,41 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         userPickerOptions = _this$props3.userPickerOptions;
       var smartUserPickerProps = this.getSmartUserPickerProps();
       var allowEmail = allowEmails(config);
-      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
         header = _ref2.header,
         noOptionsMessageHandler = _ref2.noOptionsMessageHandler,
-        onFocus = _ref2.onFocus;
+        onFocus = _ref2.onFocus,
+        getLabelMessageCustom = _ref2.getLabelMessage,
+        getPlaceholderMessageCustom = _ref2.getPlaceholderMessage,
+        getRequiredMessageCustom = _ref2.getRequiredMessage;
+      var getRequiredMessage = function getRequiredMessage() {
+        var _getRequiredMessageCu;
+        for (var _len2 = arguments.length, _ref3 = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          _ref3[_key2] = arguments[_key2];
+        }
+        var product = _ref3[0],
+          params = _ref3.slice(1);
+        return (_getRequiredMessageCu = getRequiredMessageCustom === null || getRequiredMessageCustom === void 0 ? void 0 : getRequiredMessageCustom.apply(void 0, _toConsumableArray(params))) !== null && _getRequiredMessageCu !== void 0 ? _getRequiredMessageCu : getRequiredMessageDefault.apply(void 0, [product].concat(_toConsumableArray(params)));
+      };
+      var getLabelMessage = function getLabelMessage() {
+        var _getLabelMessageCusto;
+        for (var _len3 = arguments.length, _ref4 = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          _ref4[_key3] = arguments[_key3];
+        }
+        var product = _ref4[0],
+          params = _ref4.slice(1);
+        return (_getLabelMessageCusto = getLabelMessageCustom === null || getLabelMessageCustom === void 0 ? void 0 : getLabelMessageCustom.apply(void 0, _toConsumableArray(params))) !== null && _getLabelMessageCusto !== void 0 ? _getLabelMessageCusto : getLabelMessageDescriptorDefault.apply(void 0, [product].concat(_toConsumableArray(params)));
+      };
+      var getPlaceHolderMessage = function getPlaceHolderMessage() {
+        var _getPlaceholderMessag;
+        for (var _len4 = arguments.length, _ref5 = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          _ref5[_key4] = arguments[_key4];
+        }
+        var product = _ref5[0],
+          params = _ref5.slice(1);
+        return (_getPlaceholderMessag = getPlaceholderMessageCustom === null || getPlaceholderMessageCustom === void 0 ? void 0 : getPlaceholderMessageCustom.apply(void 0, _toConsumableArray(params))) !== null && _getPlaceholderMessag !== void 0 ? _getPlaceholderMessag : getPlaceHolderMessageDescriptorDefault.apply(void 0, [product].concat(_toConsumableArray(params)));
+      };
+      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
@@ -234,16 +265,16 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(Field, {
         label: /*#__PURE__*/React.createElement("span", {
           id: USER_PICKER_FIELD_LABEL
-        }, /*#__PURE__*/React.createElement(FormattedMessage, getLabelMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+        }, /*#__PURE__*/React.createElement(FormattedMessage, getLabelMessage(product, allowEmail, isBrowseUsersDisabled))),
         name: "users",
         validate: validate,
         defaultValue: defaultValue,
         transform: this.handleUserPickerTransform,
         isRequired: true
-      }, function (_ref3) {
-        var fieldProps = _ref3.fieldProps,
-          fieldValidationError = _ref3.error,
-          fieldValid = _ref3.meta.valid;
+      }, function (_ref6) {
+        var fieldProps = _ref6.fieldProps,
+          fieldValidationError = _ref6.error,
+          fieldValid = _ref6.meta.valid;
         var helperMessage = _this2.getHelperMessageOrDefault();
         var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(messages.userPickerAddMoreMessage);
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;
@@ -253,7 +284,7 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
           addMoreMessage: addMoreMessage,
           placeholder: /*#__PURE__*/React.createElement("span", {
             id: USER_PICKER_FIELD_PLACEHOLDER
-          }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled))),
+          }, /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessage(product, allowEmail, isBrowseUsersDisabled))),
           menuPortalTarget: menuPortalTarget,
           inputId: fieldProps.id
         })), helperMessage && !wasValidationOrShareError && /*#__PURE__*/React.createElement(HelperMessage, null, helperMessage), !fieldValid && fieldValidationError === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)), shareError && shareError.errorCode && /*#__PURE__*/React.createElement(ErrorMessage, null, shareError.message, "\xA0", shareError.helpUrl && /*#__PURE__*/React.createElement("a", {

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.16.12"
+    packageVersion: "4.17.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/components/UserPickerField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName, ShareError, UserPickerOptions } from '../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type LoadOptions, type OptionData, type Value } from '@atlaskit/smart-user-picker';
+import { type ConfigResponse, type ProductName, type ShareError, type UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
 import type { Props as SmartUserPickerProps } from '@atlaskit/smart-user-picker';
 export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header' | 'includeNonLicensedUsers'> & {
     /** Message to be shown when the menu is open but no options are provided.
@@ -10,4 +11,16 @@ export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header'
         isPublicLink?: boolean;
         allowEmail?: boolean;
     }) => string | null | React.ReactNode) | null;
+    /**
+     * Placeholder message for the user picker.
+     */
+    getPlaceholderMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Label message for the user picker.
+     */
+    getLabelMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Message to be shown when required validation is shown in the user picker.
+     */
+    getRequiredMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
 };

package/dist/types-ts4.5/components/UserPickerField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName, ShareError, UserPickerOptions } from '../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type LoadOptions, type OptionData, type Value } from '@atlaskit/smart-user-picker';
+import { type ConfigResponse, type ProductName, type ShareError, type UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type MessageDescriptor } from 'react-intl-next';
 import type { Props as SmartUserPickerProps } from '@atlaskit/smart-user-picker';
 export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header' | 'includeNonLicensedUsers'> & {
     /** Message to be shown when the menu is open but no options are provided.
@@ -10,4 +11,16 @@ export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header'
         isPublicLink?: boolean;
         allowEmail?: boolean;
     }) => string | null | React.ReactNode) | null;
+    /**
+     * Placeholder message for the user picker.
+     */
+    getPlaceholderMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Label message for the user picker.
+     */
+    getLabelMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
+    /**
+     * Message to be shown when required validation is shown in the user picker.
+     */
+    getRequiredMessage?: (allowEmail?: boolean, isBrowseUsersDisabled?: boolean) => MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.16.12",
+  "version": "4.17.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
     "@atlaskit/dropdown-menu": "^12.10.0",
-    "@atlaskit/form": "^9.3.0",
+    "@atlaskit/form": "^10.0.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/popper": "^5.5.4",
     "@atlaskit/popup": "^1.17.0",
@@ -54,7 +54,7 @@
     "@atlaskit/tabs": "^16.1.0",
     "@atlaskit/textarea": "^5.4.0",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.46.0",
+    "@atlaskit/tokens": "^1.48.0",
     "@atlaskit/tooltip": "^18.3.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/user-picker": "^10.20.0",