{"body":"","parents":["f3a803617ec4ba9d14bf5205ffece28ed1496a1d"],"patch":"diff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\nindex dc18b631ec..d979ec254b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\n@@ -14,8 +14,17 @@ import styles from '.\/Badge.css';\n type Props = {\n className?: string,\n children: React$Node,\n+ ...\n };\n \n-export default function Badge({className = '', children}: Props): React.Node {\n- return

{children}<\/div>;\n+export default function Badge({\n+ className = '',\n+ children,\n+ ...props\n+}: Props): React.Node {\n+ return (\n+

\n+ {children}\n+ <\/div>\n+ );\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\nindex 00fae0951f..35f0d077c7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\n@@ -24,6 +24,7 @@ import type {Element as ElementType} from 'react-devtools-shared\/src\/frontend\/ty\n import styles from '.\/Element.css';\n import Icon from '..\/Icon';\n import {useChangeOwnerAction} from '.\/OwnersListContext';\n+import Tooltip from '.\/reach-ui\/tooltip';\n \n type Props = {\n data: ItemData,\n@@ -231,15 +232,16 @@ export default function Element({data, index, style}: Props): React.Node {\n \/>\n )}\n {showStrictModeBadge && (\n- \n+ \n+ \n+ <\/Tooltip>\n )}\n <\/div>\n <\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.css b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.css\nindex e80f370833..415f8e96fd 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.css\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.css\n@@ -11,11 +11,3 @@\n position: absolute;\n right: 0.25em;\n }\n-\n-.ForgetToggle {\n- display: flex;\n-}\n-\n-.ForgetToggle > span { \/* targets .ToggleContent *\/\n- padding: 0;\n-}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.js\nindex 00b4f0db13..5048f3085f 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ForgetBadge.js\n@@ -11,7 +11,7 @@ import * as React from 'react';\n \n import Badge from '.\/Badge';\n import IndexableDisplayName from '.\/IndexableDisplayName';\n-import Toggle from '..\/Toggle';\n+import Tooltip from '.\/reach-ui\/tooltip';\n \n import styles from '.\/ForgetBadge.css';\n \n@@ -40,12 +40,11 @@ export default function ForgetBadge(props: Props): React.Node {\n 'Memo'\n );\n \n- const onChange = () => {};\n const title =\n '✨ This component has been auto-memoized by the React Compiler.';\n return (\n- \n+ \n {innerView}<\/Badge>\n- <\/Toggle>\n+ <\/Tooltip>\n );\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\nindex 200f78586c..5596257fa5 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\n@@ -29,6 +29,7 @@ import InspectedElementViewSourceButton from '.\/InspectedElementViewSourceButton\n import useEditorURL from '..\/useEditorURL';\n \n import styles from '.\/InspectedElement.css';\n+import Tooltip from '.\/reach-ui\/tooltip';\n \n export type Props = {};\n \n@@ -192,14 +193,15 @@ export default function InspectedElementWrapper(_: Props): React.Node {\n let strictModeBadge = null;\n if (element.isStrictModeNonCompliant) {\n strictModeBadge = (\n- \n- \n- <\/a>\n+ \n+ \n+ \n+ <\/a>\n+ <\/Tooltip>\n );\n }\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.css b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.css\nindex 7188a53743..cebc617e69 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.css\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.css\n@@ -1,11 +1,3 @@\n-.Toggle {\n- display: flex;\n-}\n-\n-.Toggle > span { \/* targets .ToggleContent *\/\n- padding: 0;\n-}\n-\n .Badge {\n cursor: help;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.js\nindex 118255b536..c092891ec9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeTagBadge.js\n@@ -10,7 +10,7 @@\n import * as React from 'react';\n \n import Badge from '.\/Badge';\n-import Toggle from '..\/Toggle';\n+import Tooltip from '.\/reach-ui\/tooltip';\n \n import styles from '.\/NativeTagBadge.css';\n \n@@ -18,14 +18,13 @@ type Props = {\n nativeTag: number,\n };\n \n-const noop = () => {};\n const title =\n 'Unique identifier for the corresponding native component. React Native only.';\n \n export default function NativeTagBadge({nativeTag}: Props): React.Node {\n return (\n- \n+ \n Tag {nativeTag}<\/Badge>\n- <\/Toggle>\n+ <\/Tooltip>\n );\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\nindex 360a6c232b..f8dc401365 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\n@@ -63,8 +63,7 @@ export default function ReportNewIssue({\n className={styles.ReportLink}\n href={bugURL}\n rel=\"noopener noreferrer\"\n- target=\"_blank\"\n- title=\"Report bug\">\n+ target=\"_blank\">\n Report this issue\n <\/a>\n

\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\nindex 1e04c304a7..c72edc06f1 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\n@@ -25,8 +25,7 @@ export default function WorkplaceGroup(): React.Node {\n className={styles.ReportLink}\n href={REACT_DEVTOOLS_WORKPLACE_URL}\n rel=\"noopener noreferrer\"\n- target=\"_blank\"\n- title=\"Report bug\">\n+ target=\"_blank\">\n Report this on Workplace\n <\/a>\n

(Facebook employees only.)<\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\nindex f65f331a12..f49bb4fd03 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\n@@ -33,12 +33,14 @@ type Props = {\n className?: string,\n title?: string,\n type: IconType,\n+ ...\n };\n \n export default function Icon({\n className = '',\n title = '',\n type,\n+ ...props\n }: Props): React.Node {\n let pathData = null;\n let viewBox = '0 0 24 24';\n@@ -102,6 +104,7 @@ export default function Icon({\n \n return (\n

dillon1000/react

Files changed