@atlaskit/user-picker 9.6.2 → 9.6.3

package/dist/types/components/CustomOption/main.d.ts

@@ -1,3 +1,4 @@
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { Custom } from '../../types';
 export declare type CustomOptionProps = {
@@ -10,5 +11,5 @@ export declare class CustomOption extends React.PureComponent<CustomOptionProps>
     private renderByline;
     private renderAvatar;
     private getLozengeProps;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

package/dist/types/components/EmailOption/main.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Email } from '../../types';
 import { EmailValidationResponse } from '../emailValidation';
 export declare type EmailOptionProps = {
@@ -13,5 +14,5 @@ export declare class EmailOption extends React.PureComponent<EmailOptionProps> {
     private renderPrimaryText;
     private renderSecondaryText;
     private renderOption;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

package/dist/types/components/ExternalUserOption/ExternalAvatarItemOption.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 export declare type ExternalAvatarItemOptionProps = {
     avatar: ReactNode;
     isDisabled?: boolean;
@@ -7,4 +8,4 @@ export declare type ExternalAvatarItemOptionProps = {
     secondaryText?: ReactNode;
     sourcesInfoTooltip?: ReactNode;
 };
-export declare const ExternalAvatarItemOption: ({ avatar, isDisabled, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => JSX.Element;
+export declare const ExternalAvatarItemOption: ({ avatar, isDisabled, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => jsx.JSX.Element;

package/dist/types/components/ExternalUserOption/InfoIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import { jsx } from '@emotion/react';
+declare const _default: () => jsx.JSX.Element;
 export default _default;

package/dist/types/components/ExternalUserOption/SourcesTooltipContent.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
 import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
-export declare const sourcesTooltipContainer: import("@emotion/utils").SerializedStyles;
-export declare const sourceWrapper: import("@emotion/utils").SerializedStyles;
+export declare const sourcesTooltipContainer: import("@emotion/react").SerializedStyles;
+export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
 export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

package/dist/types/components/ExternalUserOption/main.d.ts

@@ -2,8 +2,8 @@
 import React from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { ExternalUser } from '../../types';
-export declare const imageContainer: import("@emotion/utils").SerializedStyles;
-export declare const emailDomainWrapper: import("@emotion/utils").SerializedStyles;
+export declare const imageContainer: import("@emotion/react").SerializedStyles;
+export declare const emailDomainWrapper: import("@emotion/react").SerializedStyles;
 export declare type ExternalUserOptionProps = WithAnalyticsEventsProps & {
     user: ExternalUser;
     status?: string;

package/dist/types/components/GroupOption/main.d.ts

@@ -1,7 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Group } from '../../types';
-export declare const groupOptionIconWrapper: import("@emotion/utils").SerializedStyles;
+export declare const groupOptionIconWrapper: import("@emotion/react").SerializedStyles;
 export declare type GroupOptionProps = {
     group: Group;
     isSelected: boolean;
@@ -11,5 +12,5 @@ export declare class GroupOption extends React.PureComponent<GroupOptionProps> {
     private renderAvatar;
     private renderByline;
     private getLozengeProps;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { OptionType } from '@atlaskit/select';
+import { jsx } from '@emotion/react';
 import { Option, UserPickerProps } from '../types';
 import { MultiValueProps } from '@atlaskit/select/types';
 export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
@@ -19,7 +20,7 @@ export declare class MultiValue extends React.Component<Props> {
     constructor(props: Props);
     componentDidUpdate(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
-    getElemBefore: () => JSX.Element;
-    render(): JSX.Element;
+    getElemBefore: () => jsx.JSX.Element;
+    render(): jsx.JSX.Element;
 }
 export {};

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { ControlProps } from '@atlaskit/select';
+import { jsx } from '@emotion/react';
 export declare class PopupControl extends React.PureComponent<ControlProps<any>> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { Option } from '../types';
 declare type Props = {
     data: Option;
     selectProps: any;
 };
-export declare const SingleValue: (props: Props) => JSX.Element | null;
+export declare const SingleValue: (props: Props) => jsx.JSX.Element | null;
 export {};

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

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { ValueContainerProps } from '@atlaskit/select';
 import { User, Option } from '../types';
 export declare class SingleValueContainer extends React.Component<ValueContainerProps<Option<User>>> {
     private renderAvatar;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

package/dist/types/components/TeamOption/main.d.ts

@@ -1,3 +1,4 @@
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { Team } from '../../types';
 export declare type TeamOptionProps = {
@@ -11,5 +12,5 @@ export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
     private renderAvatar;
     private getLozengeProps;
     private renderCustomByLine;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -1,3 +1,4 @@
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { User } from '../types';
 export declare type UserOptionProps = {
@@ -6,9 +7,9 @@ export declare type UserOptionProps = {
     isSelected: boolean;
 };
 export declare class UserOption extends React.PureComponent<UserOptionProps> {
-    getPrimaryText: () => JSX.Element[];
-    renderSecondaryText: () => JSX.Element | undefined;
+    getPrimaryText: () => jsx.JSX.Element[];
+    renderSecondaryText: () => jsx.JSX.Element | undefined;
     private renderAvatar;
     private getLozengeProps;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

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

@@ -24,7 +24,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
     SingleValue: (props: {
         data: import("..").Option<import("..").OptionData>;
         selectProps: any;
-    }) => JSX.Element | null;
+    }) => import("@emotion/react").jsx.JSX.Element | null;
     ClearIndicator: typeof ClearIndicator | null;
     Option: import("react").FC<import("./Option").OptionProps>;
     ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer;
@@ -36,7 +36,7 @@ export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPo
     SingleValue: (props: {
         data: import("..").Option<import("..").OptionData>;
         selectProps: any;
-    }) => JSX.Element | null;
+    }) => import("@emotion/react").jsx.JSX.Element | null;
     ClearIndicator: typeof ClearIndicator;
     Option: import("react").FC<import("./Option").OptionProps>;
     ValueContainer: typeof SingleValueContainer;
@@ -47,7 +47,7 @@ export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPo
     SingleValue: (props: {
         data: import("..").Option<import("..").OptionData>;
         selectProps: any;
-    }) => JSX.Element | null;
+    }) => import("@emotion/react").jsx.JSX.Element | null;
     ClearIndicator: typeof ClearIndicator;
     Option: import("react").FC<import("./Option").OptionProps>;
     ValueContainer: typeof SingleValueContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "9.6.2",
+  "version": "9.6.3",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.3.0",
-    "@atlaskit/popper": "^5.0.0",
+    "@atlaskit/popper": "^5.4.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/spinner": "^15.2.0",
     "@atlaskit/theme": "^12.2.0",
@@ -39,7 +39,7 @@
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",
     "memoize-one": "^6.0.0",
     "uuid": "^3.1.0"
@@ -62,7 +62,7 @@
     "@atlaskit/util-data-test": "^17.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@emotion/styled": "^10.0.7",
+    "@emotion/styled": "^11.0.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",