pkp/pkp-lib#12020 [stable-3_5_0] Remove HelpButton component

src/components/Form/fields/FieldArchivingPn.vue

@@ -22,13 +22,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="description"
@@ -73,12 +66,11 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
 	name: 'FieldArchivingPn',
-	components: {Tooltip, HelpButton, FieldError},
+	components: {Tooltip, FieldError},
 	extends: FieldOptions,
 	props: {
 		/** The current value for this field. */

src/components/Form/fields/FieldBase.vue

@@ -1,7 +1,6 @@
 <script>
 import FieldError from '../FieldError.vue';
 import FormFieldLabel from '../FormFieldLabel.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
@@ -10,7 +9,6 @@ export default {
 	components: {
 		FieldError,
 		FormFieldLabel,
-		HelpButton,
 		Tooltip,
 		MultilingualProgress,
 	},
@@ -25,10 +23,6 @@ export default {
 		description: String,
 		/** Adds a tooltip to the field. Can include HTML code. */
 		tooltip: String,
-		/** Adds a button to the field which will open the in-app help panel to this topic. */
-		helpTopic: String,
-		/** When the in-app help panel is opened to `helpTopic`, it will scroll to `helpSection` if included. */
-		helpSection: String,
 		/** The ID of the group this field should appear in.  */
 		groupId: String,
 		/** The ID of the form this field should appear in. This is passed down from the `Form`.  */
@@ -142,15 +136,6 @@ export default {
 			return this.compileId('tooltip');
 		},
 
-		/**
-		 * A unique id for the field's help link button
-		 *
-		 * @return {String}
-		 */
-		describedByHelpId() {
-			return this.compileId('help');
-		},
-
 		/**
 		 * A unique id for the field's description
 		 *
@@ -193,9 +178,6 @@ export default {
 			if (this.tooltip) {
 				ids.push(this.describedByTooltipId);
 			}
-			if (this.helpTopic) {
-				ids.push(this.describedByHelpId);
-			}
 			if (this.error) {
 				ids.push(this.describedByErrorId);
 			}

src/components/Form/fields/FieldBaseAutosuggest.vue

@@ -23,13 +23,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -72,13 +65,6 @@
 							v-strip-unsafe-html="tooltip"
 							class="-screenReader"
 						/>
-						<HelpButton
-							v-if="helpTopic"
-							:id="describedByHelpId"
-							:topic="helpTopic"
-							:section="helpSection"
-							:label="t('help.help')"
-						/>
 					</div>
 					<!-- End Heading part repeated for inline scenario -->
 					<Autosuggest
@@ -121,7 +107,6 @@ import FieldBase from './FieldBase.vue';
 import Autosuggest from './Autosuggest.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
@@ -133,7 +118,6 @@ export default {
 	components: {
 		FormFieldLabel,
 		Tooltip,
-		HelpButton,
 		FieldError,
 		MultilingualProgress,
 		Autosuggest,

src/components/Form/fields/FieldColor.vue

@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -57,15 +50,13 @@
 import FieldBase from './FieldBase.vue';
 import {Chrome} from '@lk77/vue3-color';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
 	name: 'FieldColor',
 	components: {
 		'color-picker': Chrome,
 		Tooltip,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,

src/components/Form/fields/FieldHtml.vue

@@ -10,12 +10,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-strip-unsafe-html="description"
@@ -27,11 +21,10 @@
 <script>
 import FieldBase from './FieldBase.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 
 export default {
 	name: 'FieldHtml',
-	components: {Tooltip, HelpButton},
+	components: {Tooltip},
 	extends: FieldBase,
 };
 </script>

src/components/Form/fields/FieldMetadataSetting.vue

@@ -9,13 +9,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="description"
@@ -75,12 +68,11 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
 	name: 'FieldMetadataSetting',
-	components: {Tooltip, HelpButton, FieldError},
+	components: {Tooltip, FieldError},
 	extends: FieldOptions,
 	props: {
 		/** The value which matches a disabled state. Usually the `METADATA_DISABLE` constant. */

src/components/Form/fields/FieldOptions.vue

@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -115,7 +108,6 @@ import FieldBase from './FieldBase.vue';
 import {VueDraggable} from 'vue-draggable-plus';
 import Orderer from '@/components/Orderer/Orderer.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
@@ -125,7 +117,6 @@ export default {
 		VueDraggable,
 		Orderer,
 		Tooltip,
-		HelpButton,
 		MultilingualProgress,
 		FieldError,
 	},

src/components/Form/fields/FieldOrcid.vue

@@ -10,12 +10,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="!isVerified && hasOrcid"
@@ -84,7 +78,6 @@
 import FieldBase from '@/components/Form/fields/FieldBase.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import PkpButton from '@/components/Button/Button.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 
 import {useUrl} from '@/composables/useUrl';
@@ -93,7 +86,7 @@ import {useModal} from '@/composables/useModal';
 
 export default {
 	name: 'FieldOrcid',
-	components: {Icon, PkpButton, HelpButton, Tooltip},
+	components: {Icon, PkpButton, Tooltip},
 	extends: FieldBase,
 	props: {
 		/** ORCID URL that has been verified */

src/components/Form/fields/FieldPubId.vue

@@ -15,13 +15,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="description"
@@ -80,7 +73,6 @@ import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import PkpButton from '@/components/Button/Button.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import FieldError from '@/components/Form/FieldError.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 
 export default {
 	name: 'FieldPubId',
@@ -90,7 +82,6 @@ export default {
 		PkpButton,
 		Icon,
 		FieldError,
-		HelpButton,
 	},
 	extends: FieldBase,
 	props: {

src/components/Form/fields/FieldRadioInput.vue

@@ -24,13 +24,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</legend>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -100,13 +93,12 @@
 <script>
 import FieldOptions from './FieldOptions.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
 
 export default {
 	name: 'FieldRadioInput',
-	components: {Tooltip, HelpButton, FieldError, MultilingualProgress},
+	components: {Tooltip, FieldError, MultilingualProgress},
 	extends: FieldOptions,
 	props: {
 		/** Current value */

src/components/Form/fields/FieldRichTextarea.vue

@@ -25,13 +25,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="isPrimaryLocale && helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -107,7 +100,6 @@ import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Icon from '@/components/Icon/Icon.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
@@ -118,7 +110,6 @@ export default {
 		Icon,
 		Tooltip,
 		MultilingualProgress,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,

src/components/Form/fields/FieldSelect.vue

@@ -17,13 +17,6 @@
 				v-strip-unsafe-html="tooltip"
 				class="-screenReader"
 			/>
-			<HelpButton
-				v-if="helpTopic"
-				:id="describedByHelpId"
-				:topic="helpTopic"
-				:section="helpSection"
-				:label="t('help.help')"
-			/>
 		</div>
 		<div
 			v-if="isPrimaryLocale && description"
@@ -76,7 +69,6 @@ import FieldBase from './FieldBase.vue';
 import FormFieldLabel from '@/components/Form/FormFieldLabel.vue';
 import Tooltip from '@/components/Tooltip/Tooltip.vue';
 import MultilingualProgress from '@/components/MultilingualProgress/MultilingualProgress.vue';
-import HelpButton from '@/components/HelpButton/HelpButton.vue';
 import FieldError from '@/components/Form/FieldError.vue';
 
 export default {
@@ -85,7 +77,6 @@ export default {
 		FormFieldLabel,
 		Tooltip,
 		MultilingualProgress,
-		HelpButton,
 		FieldError,
 	},
 	extends: FieldBase,