@atlaskit/smart-user-picker 9.2.1 → 10.0.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlassian/smart-user-picker
 
+## 10.0.0
+
+### Major Changes
+
+- [`d2e14ba5ae9fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2e14ba5ae9fc) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.2.2
+
+### Patch Changes
+
+- [`2c91b4048c838`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c91b4048c838) -
+  Bump i18n packages
+- [`ddd049a745d38`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddd049a745d38) -
+  Internal change to how legacy colors are applied. No visual changes.
+- Updated dependencies
+
 ## 9.2.1
 
 ### Patch Changes

package/dist/cjs/components/MessagesIntlProvider.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _i18nUtil = require("../util/i18n-util");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -44,9 +44,10 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
   var mergedMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, intl.messages), messages);
   }, [intl.messages, messages]);
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
     locale: intl.locale,
     messages: mergedMessages
   }, children);
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
+var _default_1 = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = exports.default = _default_1;

package/dist/cjs/components/SmartUserPicker.js

@@ -23,7 +23,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _ufo = require("@atlaskit/ufo");
 var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -616,4 +616,4 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
   allowEmailSelectionWhenEmailMatched: true,
   verifiedTeams: false
 });
-var SmartUserPicker = exports.SmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(SmartUserPickerWithoutAnalytics));
+var SmartUserPicker = exports.SmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(SmartUserPickerWithoutAnalytics));

package/dist/cjs/i18n.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',
     defaultMessage: 'Found in:',

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
+import { IntlProvider, injectIntl } from 'react-intl';
 import { getMessagesForLocale } from '../util/i18n-util';
 const EMPTY = {};
 const useI18n = locale => {
@@ -38,4 +38,5 @@ const MessagesIntlProvider = props => {
     messages: mergedMessages
   }, children);
 };
-export default injectIntl(MessagesIntlProvider);
+const _default_1 = injectIntl(MessagesIntlProvider);
+export default _default_1;

package/dist/es2019/components/SmartUserPicker.js

@@ -6,7 +6,7 @@ import debounce from 'lodash/debounce';
 import { v4 as uuidV4 } from 'uuid';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { UFOExperienceState } from '@atlaskit/ufo';
 import UserPicker, { isExternalUser, isTeam, isGroup, isUser, isValidEmail } from '@atlaskit/user-picker';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',

package/dist/esm/components/MessagesIntlProvider.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
+import { IntlProvider, injectIntl } from 'react-intl';
 import { getMessagesForLocale } from '../util/i18n-util';
 var EMPTY = {};
 var useI18n = function useI18n(locale) {
@@ -40,4 +40,5 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
     messages: mergedMessages
   }, children);
 };
-export default injectIntl(MessagesIntlProvider);
+var _default_1 = injectIntl(MessagesIntlProvider);
+export default _default_1;

package/dist/esm/components/SmartUserPicker.js

@@ -24,7 +24,7 @@ import debounce from 'lodash/debounce';
 import { v4 as uuidV4 } from 'uuid';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { UFOExperienceState } from '@atlaskit/ufo';
 import UserPicker, { isExternalUser, isTeam, isGroup, isUser, isValidEmail } from '@atlaskit/user-picker';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',

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

@@ -1,9 +1,9 @@
 import React, { type PropsWithChildren } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape, type WithIntlProps } from 'react-intl';
 export type MessagesIntlProviderProps = PropsWithChildren<{
     intl: IntlShape;
 }>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<MessagesIntlProviderProps>> & {
+declare const _default_1: React.FC<WithIntlProps<MessagesIntlProviderProps>> & {
     WrappedComponent: React.ComponentType<MessagesIntlProviderProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,8 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type MemoizedFn } from 'memoize-one';
+import { type WrappedComponentProps } from 'react-intl';
 import { type UFOExperience } from '@atlaskit/ufo';
 import { type OptionData } from '@atlaskit/user-picker';
 import { type Props, type State, type FilterOptions } from '../types';
+import type { DebouncedFunc } from 'lodash';
 export declare class SmartUserPickerWithoutAnalytics extends React.Component<Props & WrappedComponentProps, State> {
     state: State;
     private lastEmailSearchFoundMatches;
@@ -30,8 +32,8 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
     startOptionsShownUfoExperience: () => void;
     private fireEvent;
     filterOptions: (users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[];
-    memoizedFilterOptions: import("memoize-one").MemoizedFn<(users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[]>;
-    getUsers: import("lodash").DebouncedFunc<() => Promise<void>>;
+    memoizedFilterOptions: MemoizedFn<(users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[]>;
+    getUsers: DebouncedFunc<() => Promise<void>>;
     onInputChange: (newQuery?: string, sessionId?: string) => void;
     filterUsers: () => OptionData[];
     onFocus: (sessionId?: string) => void;

package/dist/types/service/recommendation-client.d.ts

@@ -1,6 +1,6 @@
 import { type OptionData } from '@atlaskit/user-picker';
 import { type RecommendationRequest } from '../types';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 export interface SUPError extends Error {
     message: string;
     statusCode: number;

package/dist/types/service/users-transformer.d.ts

@@ -1,5 +1,5 @@
 import { type OptionData } from '@atlaskit/user-picker';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { EntityType } from '../types';
 interface ServerItem {
     id: string;

package/dist/types/types.d.ts

@@ -195,7 +195,7 @@ export interface SmartProps {
      * Prefetch the list of suggested assignees before the user picker is focused.
      * WARNING: please consider carefully before deciding to prefetch your suggestions
      * as this will increase the load on the recommendations services (has caused HOTs).
-     * Please give #search-plex a ballpark on the expected request volume.
+     * Please give #help-search-plex a ballpark on the expected request volume.
      */
     prefetch?: boolean;
     /**
@@ -304,7 +304,7 @@ export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsP
      * generating suggestions.
      * All fieldId's will be bucketed into a model that provides generic smart results,
      * except "assignee", "mentions" which are specifically trained for Jira Assignee and
-     * @Mentions. For specifically trained models, please contact #search-plex.
+     * @Mentions. For specifically trained models, please contact #help-search-plex.
      */
     fieldId: string;
     /** Whether the menu is open or not. */

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

@@ -1,9 +1,9 @@
 import React, { type PropsWithChildren } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape, type WithIntlProps } from 'react-intl';
 export type MessagesIntlProviderProps = PropsWithChildren<{
     intl: IntlShape;
 }>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<MessagesIntlProviderProps>> & {
+declare const _default_1: React.FC<WithIntlProps<MessagesIntlProviderProps>> & {
     WrappedComponent: React.ComponentType<MessagesIntlProviderProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,8 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type MemoizedFn } from 'memoize-one';
+import { type WrappedComponentProps } from 'react-intl';
 import { type UFOExperience } from '@atlaskit/ufo';
 import { type OptionData } from '@atlaskit/user-picker';
 import { type Props, type State, type FilterOptions } from '../types';
+import type { DebouncedFunc } from 'lodash';
 export declare class SmartUserPickerWithoutAnalytics extends React.Component<Props & WrappedComponentProps, State> {
     state: State;
     private lastEmailSearchFoundMatches;
@@ -30,8 +32,8 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
     startOptionsShownUfoExperience: () => void;
     private fireEvent;
     filterOptions: (users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[];
-    memoizedFilterOptions: import("memoize-one").MemoizedFn<(users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[]>;
-    getUsers: import("lodash").DebouncedFunc<() => Promise<void>>;
+    memoizedFilterOptions: MemoizedFn<(users: OptionData[], query: string, propFilterOptions?: FilterOptions) => OptionData[]>;
+    getUsers: DebouncedFunc<() => Promise<void>>;
     onInputChange: (newQuery?: string, sessionId?: string) => void;
     filterUsers: () => OptionData[];
     onFocus: (sessionId?: string) => void;

package/dist/types-ts4.5/service/recommendation-client.d.ts

@@ -1,6 +1,6 @@
 import { type OptionData } from '@atlaskit/user-picker';
 import { type RecommendationRequest } from '../types';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 export interface SUPError extends Error {
     message: string;
     statusCode: number;

package/dist/types-ts4.5/service/users-transformer.d.ts

@@ -1,5 +1,5 @@
 import { type OptionData } from '@atlaskit/user-picker';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { EntityType } from '../types';
 interface ServerItem {
     id: string;

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

@@ -195,7 +195,7 @@ export interface SmartProps {
      * Prefetch the list of suggested assignees before the user picker is focused.
      * WARNING: please consider carefully before deciding to prefetch your suggestions
      * as this will increase the load on the recommendations services (has caused HOTs).
-     * Please give #search-plex a ballpark on the expected request volume.
+     * Please give #help-search-plex a ballpark on the expected request volume.
      */
     prefetch?: boolean;
     /**
@@ -304,7 +304,7 @@ export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsP
      * generating suggestions.
      * All fieldId's will be bucketed into a model that provides generic smart results,
      * except "assignee", "mentions" which are specifically trained for Jira Assignee and
-     * @Mentions. For specifically trained models, please contact #search-plex.
+     * @Mentions. For specifically trained models, please contact #help-search-plex.
      */
     fieldId: string;
     /** Whether the menu is open or not. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "9.2.1",
+	"version": "10.0.0",
 	"license": "Apache-2.0",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,32 +34,33 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/afm-i18n-platform-smart-experiences-smart-user-picker": "2.7.0",
+		"@atlaskit/afm-i18n-platform-smart-experiences-smart-user-picker": "2.88.0",
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.25.0",
+		"@atlaskit/user-picker": "^12.0.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react-dom": "^18.2.0",
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
-		"@atlaskit/select": "^21.8.0",
+		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/util-data-test": "^18.5.0",
-		"@atlassian/a11y-jest-testing": "^0.10.0",
+		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
 		"fetch-mock": "^8.0.0",
 		"graphql-tag": "^2.10.1",
-		"mock-apollo-client": "^0.1.0"
+		"mock-apollo-client": "^0.1.0",
+		"react-intl": "^6.6.2"
 	},
 	"platform-feature-flags": {
 		"twcg-444-invite-usd-improvements-m2-gate": {

package/report.api.md

@@ -31,7 +31,7 @@ import { GroupHighlight } from '@atlaskit/user-picker';
 import { GroupType } from '@atlaskit/user-picker';
 import { HighlightRange } from '@atlaskit/user-picker';
 import { InputActionTypes } from '@atlaskit/user-picker';
-import { IntlShape } from 'react-intl-next';
+import { IntlShape } from 'react-intl';
 import { isEmail } from '@atlaskit/user-picker';
 import { isTeam } from '@atlaskit/user-picker';
 import { isUser } from '@atlaskit/user-picker';