@atlaskit/editor-plugin-card 18.2.11 → 18.2.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-card
 
+## 18.2.13
+
+### Patch Changes
+
+- [`32f168dee5a99`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32f168dee5a99) -
+  Add tooltips to the "Display as" appearance buttons (URL, Inline, Card, Embed) in the paste
+  actions menu.
+
+## 18.2.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.2.11
 
 ### Patch Changes

package/dist/cjs/ui/PasteDisplayAsMenu.compiled.css

@@ -6,9 +6,9 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._1bah1b1v{justify-content:space-around}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4cvr1h6o{align-items:center}
@@ -23,6 +23,7 @@
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._yv0ehkll{grid-template-columns:1fr}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/cjs/ui/PasteDisplayAsMenu.js

@@ -46,7 +46,7 @@ var SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = exports.SMART_LINK_DISPLAY_AS
 
 var styles = {
   appearanceBox: "_2rko1qi0 _bfhkhfxm _19pku2gc _2hwxu2gc _otyru2gc _18u0u2gc _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
-  iconWrapper: "_1e0c1txw _1bsb1osq _1bah1b1v",
+  iconWrapper: "_1e0c11p5 _yv0ehkll _1bsb1osq",
   iconButton: "_2rko1qi0 _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
   iconButtonSelected: "_2rko1qi0 _1h6dq98m _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk15s3 _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _irr3ufnl _1di6nozp",
   iconButtonDisabled: "_2rko1qi0 _1h6dbk0g _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk187o _syaz1gmx _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq"
@@ -60,6 +60,9 @@ var AppearanceOptionIconButton = function AppearanceOptionIconButton(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
+    content: label,
+    position: "bottom"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
     xcss: (0, _css.cx)(styles.iconButton, isDisabled && styles.iconButtonDisabled, !isDisabled && currentAppearance === appearance && styles.iconButtonSelected),
     "aria-label": label,
@@ -68,7 +71,7 @@ var AppearanceOptionIconButton = function AppearanceOptionIconButton(_ref) {
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     label: label
-  })));
+  }))));
 };
 var InlineAppearanceIconButton = function InlineAppearanceIconButton(_ref2) {
   var currentAppearance = _ref2.currentAppearance,

package/dist/es2019/ui/PasteDisplayAsMenu.compiled.css

@@ -6,9 +6,9 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._1bah1b1v{justify-content:space-around}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4cvr1h6o{align-items:center}
@@ -23,6 +23,7 @@
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._yv0ehkll{grid-template-columns:1fr}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/es2019/ui/PasteDisplayAsMenu.js

@@ -11,7 +11,7 @@ import { PASTE_MENU, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { ToolbarDropdownItemSection, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItemSection, ToolbarTooltip, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import MinusIcon from '@atlaskit/icon/core/minus';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
@@ -35,7 +35,7 @@ export const SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = 'smart-link-display-
 
 const styles = {
   appearanceBox: "_2rko1qi0 _bfhkhfxm _19pku2gc _2hwxu2gc _otyru2gc _18u0u2gc _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
-  iconWrapper: "_1e0c1txw _1bsb1osq _1bah1b1v",
+  iconWrapper: "_1e0c11p5 _yv0ehkll _1bsb1osq",
   iconButton: "_2rko1qi0 _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
   iconButtonSelected: "_2rko1qi0 _1h6dq98m _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk15s3 _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _irr3ufnl _1di6nozp",
   iconButtonDisabled: "_2rko1qi0 _1h6dbk0g _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk187o _syaz1gmx _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq"
@@ -50,6 +50,9 @@ const AppearanceOptionIconButton = ({
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
+  }, /*#__PURE__*/React.createElement(ToolbarTooltip, {
+    content: label,
+    position: "bottom"
   }, /*#__PURE__*/React.createElement(Pressable, {
     xcss: cx(styles.iconButton, isDisabled && styles.iconButtonDisabled, !isDisabled && currentAppearance === appearance && styles.iconButtonSelected),
     "aria-label": label,
@@ -58,7 +61,7 @@ const AppearanceOptionIconButton = ({
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Icon, {
     label: label
-  })));
+  }))));
 };
 const InlineAppearanceIconButton = ({
   currentAppearance,

package/dist/esm/ui/PasteDisplayAsMenu.compiled.css

@@ -6,9 +6,9 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._1bah1b1v{justify-content:space-around}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
+._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4cvr1h6o{align-items:center}
@@ -23,6 +23,7 @@
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._yv0ehkll{grid-template-columns:1fr}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/esm/ui/PasteDisplayAsMenu.js

@@ -13,7 +13,7 @@ import { PASTE_MENU, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { ToolbarDropdownItemSection, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItemSection, ToolbarTooltip, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import MinusIcon from '@atlaskit/icon/core/minus';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
@@ -37,7 +37,7 @@ export var SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY = 'smart-link-display-as
 
 var styles = {
   appearanceBox: "_2rko1qi0 _bfhkhfxm _19pku2gc _2hwxu2gc _otyru2gc _18u0u2gc _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
-  iconWrapper: "_1e0c1txw _1bsb1osq _1bah1b1v",
+  iconWrapper: "_1e0c11p5 _yv0ehkll _1bsb1osq",
   iconButton: "_2rko1qi0 _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
   iconButtonSelected: "_2rko1qi0 _1h6dq98m _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk15s3 _syazi7uo _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq _irr3ufnl _1di6nozp",
   iconButtonDisabled: "_2rko1qi0 _1h6dbk0g _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk187o _syaz1gmx _1e0c1txw _4t3izwfg _1bah1h6o _1bsb1osq"
@@ -51,6 +51,9 @@ var AppearanceOptionIconButton = function AppearanceOptionIconButton(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
+  }, /*#__PURE__*/React.createElement(ToolbarTooltip, {
+    content: label,
+    position: "bottom"
   }, /*#__PURE__*/React.createElement(Pressable, {
     xcss: cx(styles.iconButton, isDisabled && styles.iconButtonDisabled, !isDisabled && currentAppearance === appearance && styles.iconButtonSelected),
     "aria-label": label,
@@ -59,7 +62,7 @@ var AppearanceOptionIconButton = function AppearanceOptionIconButton(_ref) {
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Icon, {
     label: label
-  })));
+  }))));
 };
 var InlineAppearanceIconButton = function InlineAppearanceIconButton(_ref2) {
   var currentAppearance = _ref2.currentAppearance,

package/dist/types/nodeviews/toDOM-fixes/blockCard.d.ts

@@ -25,5 +25,5 @@ export declare const blockCardSpecWithFixedToDOM: () => {
     selectable?: boolean;
     toDebugString?: (node: PMNode) => string;
     toDOM: (node: PMNode) => DOMOutputSpec;
-    whitespace?: "pre" | "normal";
+    whitespace?: 'pre' | 'normal';
 };

package/dist/types/nodeviews/toDOM-fixes/embedCard.d.ts

@@ -25,5 +25,5 @@ export declare const embedCardSpecWithFixedToDOM: () => {
     selectable?: boolean;
     toDebugString?: (node: PMNode) => string;
     toDOM: (node: PMNode) => DOMOutputSpec;
-    whitespace?: "pre" | "normal";
+    whitespace?: 'pre' | 'normal';
 };

package/dist/types/nodeviews/toDOM-fixes/inlineCard.d.ts

@@ -25,5 +25,5 @@ export declare const inlineCardSpecWithFixedToDOM: () => {
     selectable?: boolean;
     toDebugString?: (node: PMNode) => string;
     toDOM: (node: PMNode) => DOMOutputSpec;
-    whitespace?: "pre" | "normal";
+    whitespace?: 'pre' | 'normal';
 };

package/dist/types/pm-plugins/doc.d.ts

@@ -21,7 +21,7 @@ export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transacti
  * links that happen to fall within the broader step range.
  */
 export declare const queueCardsFromRange: (state: EditorState, tr: Transaction, from: number, to: number, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
-export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;
+export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | 'url') => Transaction;
 export declare const convertHyperlinkToSmartCard: (state: EditorState, source: CardReplacementInputMethod, appearance: CardAppearance, normalizeLinkText?: boolean) => Transaction;
 export declare const changeSelectedCardToLink: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
 export declare const changeSelectedCardToLinkFallback: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;

package/dist/types/pm-plugins/reducers.d.ts

@@ -1,3 +1,3 @@
 import type { CardPluginAction, CardPluginState } from '../types';
-declare const _default: (state: CardPluginState, action: CardPluginAction) => CardPluginState;
 export default _default;
+declare function _default(state: CardPluginState, action: CardPluginAction): CardPluginState;

package/dist/types/pm-plugins/util/resolve.d.ts

@@ -6,4 +6,4 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockCardAdf, DatasourceAdf, EmbedCardAdf, InlineCardAdf } from '@atlaskit/linking-common';
 import type { Request } from '../../types';
 export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, embedCardNodeTransformer?: EmbedCardNodeTransformer) => Promise<void | DatasourceAdf<Record<string, unknown>> | InlineCardAdf | BlockCardAdf | EmbedCardAdf>;
-export declare const handleProvider: (_: "cardProvider", provider: Promise<CardProvider> | undefined, view: EditorView) => void;
+export declare const handleProvider: (_: 'cardProvider', provider: Promise<CardProvider> | undefined, view: EditorView) => void;

package/dist/types/pm-plugins/util/state.d.ts

@@ -36,7 +36,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
         appearance: CardAppearance;
         compareLinkText: boolean;
         pos: number;
-        previousAppearance?: CardAppearance | "url";
+        previousAppearance?: CardAppearance | 'url';
         shouldReplaceLink?: boolean;
         source: CardReplacementInputMethod;
         sourceEvent?: UIAnalyticsEvent | null | undefined;

package/dist/types/pm-plugins/utils.d.ts

@@ -22,14 +22,14 @@ export declare const displayInfoForCard: (node: Node, info?: CardInfo) => TitleU
 export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
-export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext["store"]) => Partial<ToolbarResolvedAttributes>;
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => Partial<ToolbarResolvedAttributes>;
 export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes
  * this function will not be updated automatically
  */
-export declare const isDatasourceAdfAttributes: (attrs: Record<string, unknown> | undefined) => attrs is DatasourceNode["attrs"];
+export declare const isDatasourceAdfAttributes: (attrs: Record<string, unknown> | undefined) => attrs is DatasourceNode['attrs'];
 /**
  * Typeguard that checks a node is a datasource node (blockCard and has datasource attributes)
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes

package/dist/types/ui/HyperlinkToolbarAppearanceDropdown.d.ts

@@ -1,6 +1,6 @@
 import type { Command, FloatingToolbarCustom, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 import type { HyperlinkToolbarAppearanceProps } from './HyperlinkToolbarAppearance';
-export declare const getCustomHyperlinkAppearanceDropdown: ({ url, intl, editorAnalyticsApi, editorPluginApi, settingsConfig, cardOptions, allowDatasource, isDatasourceView, }: Omit<HyperlinkToolbarAppearanceProps, "editorState"> & {
+export declare const getCustomHyperlinkAppearanceDropdown: ({ url, intl, editorAnalyticsApi, editorPluginApi, settingsConfig, cardOptions, allowDatasource, isDatasourceView, }: Omit<HyperlinkToolbarAppearanceProps, 'editorState'> & {
     allowDatasource?: boolean;
     isDatasourceView?: boolean;
     settingsConfig: FloatingToolbarItem<Command>;

package/dist/types/ui/LayoutButton/types.d.ts

@@ -2,7 +2,7 @@ import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { cardPlugin } from '../../index';
-export declare const DATASOURCE_TABLE_LAYOUTS: readonly ["full-width", "center", "wide"];
+export declare const DATASOURCE_TABLE_LAYOUTS: readonly ['full-width', 'center', 'wide'];
 export type DatasourceTableLayout = (typeof DATASOURCE_TABLE_LAYOUTS)[number];
 export type LayoutButtonProps = {
     boundariesElement?: HTMLElement;

package/dist/types/ui/ResizableEmbedCard.d.ts

@@ -33,7 +33,7 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
         layout: RichMediaLayout;
         width: number | null;
     };
-    calcUnwrappedLayout: (pct: number, width: number) => "center" | "wide" | "full-width";
+    calcUnwrappedLayout: (pct: number, width: number) => 'center' | 'wide' | 'full-width';
     get $pos(): ResolvedPos | null;
     /**
      * The maxmimum number of grid columns this node can resize to.

package/dist/types/ui/ToolbarViewedEvent.d.ts

@@ -7,5 +7,5 @@ type ToolbarViewedEventProps = {
 /**
  * Provides analytics context and card context
  */
-export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, "children">) => React.JSX.Element;
+export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => React.JSX.Element;
 export {};

package/dist/types/ui/pasteDisplayAsUtils.d.ts

@@ -1,7 +1,7 @@
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-export declare const DISPLAY_AS_OPTIONS: readonly ["url", "inline", "block", "embed"];
+export declare const DISPLAY_AS_OPTIONS: readonly ['url', 'inline', 'block', 'embed'];
 export type DisplayAsOption = (typeof DISPLAY_AS_OPTIONS)[number];
 export declare const getCardAtPasteRange: (state: EditorState, pasteStartPos: number, pasteEndPos: number) => {
-    appearance: Exclude<DisplayAsOption, "url">;
+    appearance: Exclude<DisplayAsOption, 'url'>;
     pos: number;
 } | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "18.2.11",
+	"version": "18.2.13",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/smart-card": "^45.13.0",
-		"@atlaskit/tmp-editor-statsig": "^134.0.0",
+		"@atlaskit/tmp-editor-statsig": "^135.3.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -69,7 +69,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.40.0",
+		"@atlaskit/editor-common": "^116.44.0",
 		"@atlaskit/link-provider": "^5.2.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"