@cnamts/synapse 1.0.6 → 1.0.8

package/src/components/Customs/Selects/SyBtnSelect/SyBtnSelect.stories.ts

@@ -48,7 +48,7 @@ export const Default: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 
 const primaryInfo = 'Mes options'
 const items = [
@@ -105,7 +105,7 @@ export const MobileView: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 
 const primaryInfo = 'Mes options'
 const items = ['Option 1', 'Option 2']
@@ -156,7 +156,7 @@ export const WithSlotPrependIcon: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Jane Doe'
@@ -214,7 +214,7 @@ export const WithSlotAppendIcon: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Jane Doe'
@@ -270,7 +270,7 @@ export const WithIconOnly: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Jane Doe'
@@ -328,7 +328,7 @@ export const WithLogoutItemSlot: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 
 const primaryInfo = 'Mes options'
 const items = ['Option 1', 'Option 2']
@@ -385,7 +385,7 @@ export const WithCustomKeys: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Information principale'
@@ -454,7 +454,7 @@ export const WithMultipleSlots: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Information principale'
@@ -517,7 +517,7 @@ export const WithCustomStyles: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Jane Doe'
@@ -577,7 +577,7 @@ export const WithStyledOptions: Story = {
 				name: 'Script',
 				code: `
 <script setup lang="ts">
-import SyBtnSelect from './SyBtnSelect.vue'
+import { SyBtnSelect } from '@cnamts/synapse'
 import { mdiAccount } from '@mdi/js'
 
 const primaryInfo = 'Information principale'

package/src/components/Customs/Selects/SyInputSelect/SyInputSelect.mdx

@@ -1,10 +1,13 @@
 import { Canvas, Meta, Controls, Story, Source } from '@storybook/blocks';
 import * as SyInputSelectStories from "./SyInputSelect.stories.ts";
+import { linkTo } from '@storybook/addon-links';
 
 <Meta of={SyInputSelectStories} />
 
 # SyInputSelect
 
+<Story of={SyInputSelectStories.DeprecationNotice} />
+
 Le composant `SyInputSelect` est utilisé pour proposer une alternative au `v-select` de Vuetify qui ne respecte pas les règles <abbr title="Référentiel Général d’Amélioration de l’Accessibilité">RGAA</abbr>.<br/>
 Il est basé sur un `v-input`.
 

package/src/components/Customs/Selects/SyInputSelect/SyInputSelect.stories.ts

@@ -600,3 +600,17 @@ const validateForm = () => {
 		}
 	},
 }
+
+// depreciation notice
+export const DeprecationNotice = {
+	render: () => ({
+		components: { SyAlert },
+		template: `
+			<SyAlert type="warning" variant="tonal" :closable="false">
+				<b>Ce composant est déprécié</b>, il ne sera plus maintenu ou mis à jour.<br/>
+				Nous vous recommandons d'utiliser à la place le composant <a href="/?path=/docs/composants-formulaires-selects-syselect--docs"><code>SySelect</code></a>.
+			</SyAlert>
+		`,
+	}),
+	tags: ['!dev'],
+}

package/src/components/Customs/Selects/SySelect/SySelect.stories.ts

@@ -22,6 +22,14 @@ const meta: Meta<typeof SySelect> = {
 			control: 'text',
 			description: 'Nom de la propriété qui contient le texte à afficher',
 		},
+		plainTextKey: {
+			control: 'text',
+			description: 'Nom de la propriété qui contient le texte à afficher en mode texte brut (utile dans le cas de données HTML)',
+		},
+		allowHtml: {
+			control: 'boolean',
+			description: 'Permet d\'afficher du texte en HTML',
+		},
 		valueKey: {
 			control: 'text',
 			description: 'Nom de la propriété qui contient la valeur à retourner',
@@ -83,7 +91,7 @@ export const Default: Story = {
 				name: 'Script',
 				code: `
 				<script setup lang="ts">
-					import SySelect from '@cnamts/SySelect'
+					import { SySelect } from '@cnamts/synapse'
 					
 					const items =  [
 						{ text: 'Adrien', value: 'Adrien' },
@@ -154,7 +162,7 @@ export const HelpText: Story = {
 				name: 'Script',
 				code: `
 				<script setup lang="ts">
-					import SySelect from '@cnamts/SySelect'
+					import { SySelect } from '@cnamts/synapse'
 					
 					const items =  [
 						{ text: 'Adrien', value: 'Adrien' },
@@ -229,7 +237,7 @@ export const Required: Story = {
 				name: 'Script',
 				code: `
 				<script setup lang="ts">
-					import SySelect from '@cnamts/SySelect'
+					import { SySelect } from '@cnamts/synapse'
 					
 					const items =  [
 						{ text: 'Option 1', value: '1' },
@@ -518,7 +526,7 @@ export const withCustomError: Story = {
 				name: 'Script',
 				code: `
 				<script setup lang="ts">
-					import SySelect from '@cnamts/SySelect'
+					import { SySelect } from '@cnamts/synapse'
 					import { ref } from 'vue'
 					
 					const items =  [
@@ -590,7 +598,7 @@ export const withCustomKey: Story = {
 				name: 'Script',
 				code: `
 					<script setup lang="ts">
-						import SySelect from '@cnamts/SySelect'
+						import { SySelect } from '@cnamts/synapse'
 						
 						const items =  [
 							{ customKey: 'Choix 1', value: '1' },
@@ -686,7 +694,7 @@ export const FormValidation: Story = {
 				code: `
 <script setup lang="ts">
 import { ref } from 'vue'
-import SySelect from '@cnamts/synapse'
+import { SySelect } from '@cnamts/synapse'
 import { VBtn, VForm } from 'vuetify/components'
 
 const formData = ref({