pkp/pkp-lib#10153 Update story files to use PascalCase component names

blesildaramirez · Jul 16, 2024 · 3bc84da · 3bc84da
1 parent 9c2a282
commit 3bc84da
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 20 deletions.
diff --git a/src/components/Container/DecisionPage.stories.js b/src/components/Container/DecisionPage.stories.js
@@ -234,7 +234,7 @@ const DecisionPageWithDataAndTemplate = {
 					class="app__notifications"
 					role="status"
 				>
-					<transition-group name="app__notification">
+					<TransitionGroup name="app__notification">
 						<Notification
 							v-for="notification in notifications"
 							:key="notification.key"
@@ -244,7 +244,7 @@ const DecisionPageWithDataAndTemplate = {
 						>
 							{{ notification.message }}
 						</Notification>
-					</transition-group>
+					</TransitionGroup>
 				</div>
 				<transition name="app__loading">
 					<div v-if="isLoading" class="app__loading" role="alert">

diff --git a/src/components/Container/Page.stories.js b/src/components/Container/Page.stories.js
@@ -192,7 +192,7 @@ export const Default = {
 					class="app__notifications"
 					role="status"
 				>
-					<transition-group name="app__notification">
+					<TransitionGroup name="app__notification">
 						<Notification
 							v-for="notification in notifications"
 							:key="notification.key"
@@ -202,7 +202,7 @@ export const Default = {
 						>
 							{{ notification.message }}
 						</Notification>
-					</transition-group>
+					</TransitionGroup>
 				</div>
 				<transition name="app__loading">
 					<div v-if="isLoading" class="app__loading" role="alert">

diff --git a/src/components/Container/StatsPage.stories.js b/src/components/Container/StatsPage.stories.js
@@ -17,7 +17,7 @@ const EditorialStatsPageWithDataAndTemplate = {
 		<div v-if="activeByStage" class="pkpStats__graph">
 			<div class="pkpStats--editorial__stageWrapper -pkpClearfix">
 				<div class="pkpStats--editorial__stageChartWrapper">
-					<doughnut-chart :chart-data="chartData"></doughnut-chart>
+					<DoughnutChart :chart-data="chartData"></DoughnutChart>
 				</div>
 				<div class="pkpStats--editorial__stageList">
 					<h2
@@ -51,7 +51,7 @@ const EditorialStatsPageWithDataAndTemplate = {
 				<span v-if="isLoading" class="pkpSpinner" aria-hidden="true"></span>
 			</h1>
 			<template #actions>
-				<date-range
+				<DateRange
 					unique-id="editorial-stats-date-range"
 					:date-start="dateStart"
 					:date-end="dateEnd"
@@ -74,7 +74,7 @@ const EditorialStatsPageWithDataAndTemplate = {
 					invalid-end-date-max-label="The end date may not be later than {$date}."
 					@set-range="setDateRange"
 					@updated:current-range="setCurrentDateRange"
-				></date-range>
+				></DateRange>
 				<PkpButton
 					v-if="filters.length"
 					:is-active="isSidebarVisible"
@@ -373,7 +373,7 @@ const PublicationStatsPageWithDataAndTemplate = {
 			<h1>Articles</h1>
 			<Spinner v-if="isLoadingTimeline" />
 			<template #actions>
-				<date-range
+				<DateRange
 					unique-id="publication-stats-date-range"
 					:date-start="dateStart"
 					:date-end="dateEnd"
@@ -509,7 +509,7 @@ const PublicationStatsPageWithDataAndTemplate = {
 							</tr>
 						</tbody>
 					</table>
-					<line-chart :chart-data="chartData" aria-hidden="true"></line-chart>
+					<LineChart :chart-data="chartData" aria-hidden="true"></LineChart>
 					<span v-if="isLoadingTimeline" class="pkpStats__loadingCover">
 						<Spinner></Spinner>
 					</span>

diff --git a/src/components/Container/SubmissionWizardPage.stories.js b/src/components/Container/SubmissionWizardPage.stories.js
@@ -82,12 +82,12 @@ const SubmissionWizardPageWithDataAndTemplate = {
 								class="submissionWizard__stepForm"
 								@set="updateForm"
 							/>
-							<submission-files-list-panel
+							<SubmissionFilesListPanel
 								v-else-if="section.type === 'files'"
 								v-bind="components.submissionFiles"
 								@set="set"
 							/>
-							<contributors-list-panel
+							<ContributorsListPanel
 								v-else-if="section.type === 'contributors'"
 								v-bind="components.contributors"
 								:items="publication.authors"
@@ -381,7 +381,7 @@ const SubmissionWizardPageWithDataAndTemplate = {
 			class="app__notifications"
 			role="status"
 		>
-			<transition-group name="app__notification">
+			<TransitionGroup name="app__notification">
 				<Notification
 					v-for="notification in notifications"
 					:key="notification.key"
@@ -391,7 +391,7 @@ const SubmissionWizardPageWithDataAndTemplate = {
 				>
 					{{ notification.message }}
 				</Notification>
-			</transition-group>
+			</TransitionGroup>
 		</div>
 		<transition name="app__loading">
 			<div v-if="isLoading" class="app__loading" role="alert">

diff --git a/src/components/Container/WorkflowPage.stories.js b/src/components/Container/WorkflowPage.stories.js
@@ -235,7 +235,7 @@ const WorkflowPageWithDataAndTemplate = {
 							<PkpForm v-bind="components.titleAbstract" @set="set" />
 						</tab>
 						<tab id="contributors" label="Contributors">
-							<contributors-list-panel
+							<ContributorsListPanel
 								v-bind="components.contributors"
 								class="pkpWorkflow__contributors"
 								:items="workingPublication.authors"
@@ -246,7 +246,7 @@ const WorkflowPageWithDataAndTemplate = {
 								@set="set"
 								@updated:publication="setWorkingPublication"
 								@updated:contributors="setContributors"
-							></contributors-list-panel>
+							></ContributorsListPanel>
 						</tab>
 						<tab id="metadata" label="Metadata">
 							<PkpForm v-bind="components.metadata" @set="set" />
@@ -279,7 +279,7 @@ const WorkflowPageWithDataAndTemplate = {
 			class="app__notifications"
 			role="status"
 		>
-			<transition-group name="app__notification">
+			<TransitionGroup name="app__notification">
 				<Notification
 					v-for="notification in notifications"
 					:key="notification.key"
@@ -289,7 +289,7 @@ const WorkflowPageWithDataAndTemplate = {
 				>
 					{{ notification.message }}
 				</Notification>
-			</transition-group>
+			</TransitionGroup>
 		</div>
 		<transition name="app__loading">
 			<div v-if="isLoading" class="app__loading" role="alert">

diff --git a/src/components/Modal/Modal.mdx b/src/components/Modal/Modal.mdx
@@ -35,9 +35,9 @@ Use a [$ref](https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Chi
 
 ```html
 <PkpButton ref="button" @click="$modal.show('example')">Open Modal</PkpButton>
-<modal v-bind="MODAL_PROPS" name="example" @closed="setFocusToRef('button')">
+<Modal v-bind="MODAL_PROPS" name="example" @closed="setFocusToRef('button')">
 	...
-</modal>
+</Modal>
 ```
 
 A dialog will reset the focus automatically.

diff --git a/src/components/Orderer/Orderer.vue b/src/components/Orderer/Orderer.vue
@@ -29,7 +29,7 @@ export default {
 		itemId: [String, Number],
 		/** The name of the item. This is used in an accessible label for the up and down buttons. */
 		itemTitle: String,
-		/** Whether or not to provide drag-and-drop controls for this item. When `isDraggable` is true, the items to be ordered must be wrapped in a `<draggable>` component. */
+		/** Whether or not to provide drag-and-drop controls for this item. When `isDraggable` is true, the items to be ordered must be wrapped in a `<Draggable>` component. */
 		isDraggable: {
 			type: Boolean,
 			default: true,