@cnamts/synapse 0.0.13-alpha → 0.0.15-alpha

package/src/components/PasswordField/PasswordField.stories.ts

@@ -3,7 +3,7 @@ import { ref } from 'vue'
 import PasswordField from './PasswordField.vue'
 
 const meta = {
-	title: 'Composants/Formulaires/Passwordfield',
+	title: 'Composants/Formulaires/PasswordField',
 	component: PasswordField,
 	decorators: [
 		() => ({
@@ -53,11 +53,11 @@ const meta = {
 			control: 'object',
 			description: 'Messages de succès à afficher',
 		},
-		isReadOnly: {
+		readonly: {
 			control: 'boolean',
 			description: 'Indique si le champ est en lecture seule',
 		},
-		isDisabled: {
+		disabled: {
 			control: 'boolean',
 			description: 'Indique si le champ est désactivé',
 		},
@@ -99,8 +99,8 @@ const meta = {
 		errorMessages: null,
 		warningMessages: null,
 		successMessages: null,
-		isReadOnly: false,
-		isDisabled: false,
+		readonly: false,
+		disabled: false,
 		placeholder: 'Entrez votre mot de passe',
 		customRules: [],
 		customWarningRules: [],
@@ -162,8 +162,8 @@ export const Default: Story = {
 				:error-messages="args.errorMessages"
 				:warning-messages="args.warningMessages"
 				:success-messages="args.successMessages"
-				:is-read-only="args.isReadOnly"
-				:is-disabled="args.isDisabled"
+				:readonly="args.readonly"
+				:disabled="args.disabled"
 				:placeholder="args.placeholder"
 				:custom-rules="args.customRules"
 				:custom-warning-rules="args.customWarningRules"
@@ -264,7 +264,7 @@ export const Disabled: Story = {
 					<PasswordField
 						v-model="password"
 						label="Mot de passe"
-						:is-disabled="true"
+						:disabled="true"
 					/>
 				</template>
 				`,
@@ -283,7 +283,7 @@ export const Disabled: Story = {
 		],
 	},
 	args: {
-		isDisabled: true,
+		disabled: true,
 		modelValue: 'MonMotDePasse123',
 	},
 }
@@ -301,7 +301,7 @@ export const ReadOnly: Story = {
 					<PasswordField
 						v-model="password"
 						label="Mot de passe"
-						:is-read-only="true"
+						:readonly="true"
 					/>
 				</template>
 				`,
@@ -320,7 +320,7 @@ export const ReadOnly: Story = {
 		],
 	},
 	args: {
-		isReadOnly: true,
+		readonly: true,
 		modelValue: 'MonMotDePasse123',
 	},
 }
@@ -832,8 +832,8 @@ export const WithCustomRules: Story = {
 				:color="args.color"
 				:label="args.label"
 				:required="args.required"
-				:is-read-only="args.isReadOnly"
-				:is-disabled="args.isDisabled"
+				:readonly="args.readonly"
+				:disabled="args.disabled"
 				:placeholder="args.placeholder"
 				:custom-rules="customRules"
 				:show-success-messages="args.showSuccessMessages"

package/src/components/PasswordField/PasswordField.vue

@@ -23,8 +23,8 @@
 		errorMessages?: string[] | null
 		warningMessages?: string[] | null
 		successMessages?: string[] | null
-		isReadOnly?: boolean
-		isDisabled?: boolean
+		readonly?: boolean
+		disabled?: boolean
 		placeholder?: string
 		customRules?: ValidationRule[]
 		customWarningRules?: ValidationRule[]
@@ -42,8 +42,8 @@
 		errorMessages: null,
 		warningMessages: null,
 		successMessages: null,
-		isReadOnly: false,
-		isDisabled: false,
+		readonly: false,
+		disabled: false,
 		placeholder: undefined,
 		customRules: () => [],
 		customWarningRules: () => [],
@@ -191,8 +191,8 @@
 		:error-messages="errors"
 		:warning-messages="warnings"
 		:success-messages="successes"
-		:is-read-only="props.isReadOnly"
-		:is-disabled="props.isDisabled"
+		:readonly="props.readonly"
+		:disabled="props.disabled"
 		:placeholder="props.placeholder"
 		:type="showEyeIcon ? 'text' : 'password'"
 		:display-asterisk="props.displayAsterisk"

package/src/components/PeriodField/PeriodField.stories.ts

@@ -58,7 +58,7 @@ const meta: Meta<typeof PeriodField> = {
 			control: 'boolean',
 			description: 'Icône à la fin du champ',
 		},
-		isDisabled: {
+		disabled: {
 			control: 'boolean',
 			description: 'Désactive le champ',
 		},
@@ -126,7 +126,7 @@ export const Default: Story = {
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -182,7 +182,7 @@ export const CustomPlaceholders: Story = {
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -210,7 +210,7 @@ export const Disabled: Story = {
 				<template>
 					<PeriodField 
 						v-model="selectedPeriod" 
-						is-disabled
+						disabled
 					/>
 				</template>
 				`,
@@ -236,7 +236,7 @@ export const Disabled: Story = {
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: true,
+		disabled: true,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -290,7 +290,7 @@ export const Required: Story = {
 		required: true,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -344,7 +344,7 @@ export const AppendIcon: Story = {
 		required: true,
 		displayIcon: true,
 		displayAppendIcon: true,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -399,7 +399,7 @@ export const WithoutIcon: Story = {
 		required: true,
 		displayIcon: false,
 		displayAppendIcon: true,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},
@@ -456,7 +456,7 @@ export const WithError: Story = {
 		required: true,
 		displayIcon: false,
 		displayAppendIcon: true,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: '01/01/2100', to: '05/01/2100' },
 		customRules: [
@@ -521,7 +521,7 @@ export const WithWarning: Story = {
 		required: true,
 		displayIcon: false,
 		displayAppendIcon: true,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: '20/12/2023', to: '21/12/2023' },
 		customWarningRules: [
@@ -586,7 +586,7 @@ export const WithSuccess: Story = {
 		dateFormatReturn: '',
 		displayIcon: false,
 		displayAppendIcon: true,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: '22/01/2024', to: '23/01/2024' },
 		customRules: [
@@ -669,7 +669,7 @@ export const DifferentFormats: Story = {
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: '12/10/2023', to: '15/10/2023' },
 	},
@@ -747,7 +747,7 @@ export const WithDateFormatReturn: Story = {
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		modelValue: { from: null, to: null },
 	},

package/src/components/PeriodField/PeriodField.vue

@@ -20,7 +20,7 @@
 		required?: boolean
 		displayIcon?: boolean
 		displayAppendIcon?: boolean
-		isDisabled?: boolean
+		disabled?: boolean
 		noIcon?: boolean
 		noCalendar?: boolean
 		isOutlined?: boolean
@@ -28,6 +28,7 @@
 		customRules?: ValidationRule[]
 		customWarningRules?: ValidationRule[]
 		disableErrorHandling?: boolean
+		readonly?: boolean
 	}>(), {
 		modelValue: () => ({ from: null, to: null }),
 		placeholderFrom: 'Début',
@@ -38,7 +39,7 @@
 		required: false,
 		displayIcon: true,
 		displayAppendIcon: false,
-		isDisabled: false,
+		disabled: false,
 		noIcon: false,
 		noCalendar: false,
 		isOutlined: true,
@@ -46,6 +47,7 @@
 		customRules: () => [],
 		customWarningRules: () => [],
 		disableErrorHandling: false,
+		readonly: false,
 	})
 
 	const emit = defineEmits(['update:modelValue'])
@@ -336,7 +338,7 @@
 				:display-icon="props.displayIcon"
 				:error-message="fromDateValidation.hasError"
 				:format="props.format"
-				:is-disabled="props.isDisabled"
+				:disabled="props.disabled"
 				:is-outlined="props.isOutlined"
 				:no-calendar="props.noCalendar"
 				:no-icon="props.noIcon"
@@ -345,6 +347,7 @@
 				:show-week-number="props.showWeekNumber"
 				:show-success-messages="showSuccessMessagesActual"
 				:success-message="fromDateValidation.hasSuccess"
+				:readonly="props.readonly"
 				@closed="handleFromDateClosed"
 			/>
 		</div>
@@ -359,7 +362,7 @@
 				:display-icon="props.displayIcon"
 				:error-message="toDateValidation.hasError"
 				:format="props.format"
-				:is-disabled="props.isDisabled"
+				:disabled="props.disabled"
 				:is-outlined="props.isOutlined"
 				:no-calendar="props.noCalendar"
 				:no-icon="props.noIcon"
@@ -368,6 +371,7 @@
 				:show-week-number="props.showWeekNumber"
 				:show-success-messages="showSuccessMessagesActual"
 				:success-message="toDateValidation.hasSuccess"
+				:readonly="props.readonly"
 				@closed="handleToDateClosed"
 			/>
 		</div>