From ca68828db9c5b0430fc61034c4d9178cea405d2b Mon Sep 17 00:00:00 2001 From: Enej Bajgoric <enej.bajgoric@automattic.com> Date: Tue, 6 Jul 2021 22:45:50 -0700 Subject: [PATCH] Move Help Text --- docs/manifest.json | 6 ++++++ .../src/{mobile => }/help-text/README.md | 0 packages/components/src/help-text/index.js | 15 +++++++++++++++ .../src/{mobile => }/help-text/index.native.js | 0 .../src/{mobile => }/help-text/styles.scss | 0 packages/components/src/index.js | 1 + packages/components/src/index.native.js | 2 +- 7 files changed, 23 insertions(+), 1 deletion(-) rename packages/components/src/{mobile => }/help-text/README.md (100%) create mode 100644 packages/components/src/help-text/index.js rename packages/components/src/{mobile => }/help-text/index.native.js (100%) rename packages/components/src/{mobile => }/help-text/styles.scss (100%) diff --git a/docs/manifest.json b/docs/manifest.json index ede0e009f199fe..40b69f05ec1707 100644 --- a/docs/manifest.json +++ b/docs/manifest.json @@ -935,6 +935,12 @@ "markdown_source": "../packages/components/src/heading/README.md", "parent": "components" }, + { + "title": "HelpText", + "slug": "help-text", + "markdown_source": "../packages/components/src/help-text/README.md", + "parent": "components" + }, { "title": "NavigateRegions", "slug": "navigate-regions", diff --git a/packages/components/src/mobile/help-text/README.md b/packages/components/src/help-text/README.md similarity index 100% rename from packages/components/src/mobile/help-text/README.md rename to packages/components/src/help-text/README.md diff --git a/packages/components/src/help-text/index.js b/packages/components/src/help-text/index.js new file mode 100644 index 00000000000000..e0f67e3409a229 --- /dev/null +++ b/packages/components/src/help-text/index.js @@ -0,0 +1,15 @@ +/** + * WordPress dependencies + */ +import { ExternalLink } from '@wordpress/components'; + +const HelpText = ( { moreLinkText, children, url } ) => { + return ( + <div> + { children } + { url && <ExternalLink url={ url }>{ moreLinkText }</ExternalLink> } + </div> + ); +}; + +export default HelpText; diff --git a/packages/components/src/mobile/help-text/index.native.js b/packages/components/src/help-text/index.native.js similarity index 100% rename from packages/components/src/mobile/help-text/index.native.js rename to packages/components/src/help-text/index.native.js diff --git a/packages/components/src/mobile/help-text/styles.scss b/packages/components/src/help-text/styles.scss similarity index 100% rename from packages/components/src/mobile/help-text/styles.scss rename to packages/components/src/help-text/styles.scss diff --git a/packages/components/src/index.js b/packages/components/src/index.js index 6a6097486e6307..fcbacbb30ed31a 100644 --- a/packages/components/src/index.js +++ b/packages/components/src/index.js @@ -74,6 +74,7 @@ export { Grid as __experimentalGrid } from './grid'; export { default as Guide } from './guide'; export { default as GuidePage } from './guide/page'; export { Heading as __experimentalHeading } from './heading'; +export { default as HelpText } from './help-text'; export { HStack as __experimentalHStack } from './h-stack'; export { default as Icon } from './icon'; export { default as IconButton } from './button/deprecated'; diff --git a/packages/components/src/index.native.js b/packages/components/src/index.native.js index 74b89fbb93274a..73e4ea90743c83 100644 --- a/packages/components/src/index.native.js +++ b/packages/components/src/index.native.js @@ -38,6 +38,7 @@ export { default as PanelActions } from './panel/actions'; export { default as Button } from './button'; export { default as __experimentalText } from './text'; export { default as ExternalLink } from './external-link'; +export { default as HelpText } from './help-text'; export { default as TextControl } from './text-control'; export { default as ToggleControl } from './toggle-control'; export { default as SelectControl } from './select-control'; @@ -101,7 +102,6 @@ export { default as InserterButton } from './mobile/inserter-button'; export { setClipboard, getClipboard } from './mobile/clipboard'; export { default as AudioPlayer } from './mobile/audio-player'; export { default as Badge } from './mobile/badge'; -export { default as HelpText } from './mobile/help-text'; // Utils export { colorsUtils } from './mobile/color-settings/utils';