Skip to content

Commit e755524

Browse files
laruisslaruiss
authored
Merge pull request #1020 from dnum-mi/develop
Develop
2 parents 3d047ac + b5e2f9f commit e755524

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+178
-92
lines changed

‎meta/custom-icon-collections-creator-bin.js

+28-4
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
#!/usr/bin/env node
2-
2+
/* eslint-disable no-console */
33
import path from 'node:path'
44
import process from 'node:process'
55

@@ -17,7 +17,31 @@ program
1717

1818
const options = program.opts()
1919

20-
if (options.source && options.target) {
21-
createCustomCollectionFile(path.resolve(process.cwd(), options.source), path.resolve(process.cwd(), options.target))
22-
console.log(chalk.green('Les icônes ont été générées')) // eslint-disable-line no-console
20+
const resultMessages = {
21+
COULD_NOT_GET_COLLECTIONS_ERROR: 'Impossible de récupérer les collections d’icônes (cf. erreur ci-dessus)',
22+
COULD_NOT_WRITE_FILE_ERROR: 'Impossible d’écrire le fichier cible (cf. erreur ci-dessus)',
23+
COULD_NOT_LINT_FILE_ERROR: 'Impossible de linter le fichier cible (cf. erreur ci-dessus)',
2324
}
25+
26+
;(async (options) => {
27+
if (!options.source || !options.target) {
28+
console.log(chalk.yellow('Veuillez indiquer la source et la cible'))
29+
}
30+
31+
const result = await createCustomCollectionFile(path.resolve(process.cwd(), options.source), path.resolve(process.cwd(), options.target))
32+
33+
if (!result) {
34+
console.log(chalk.green('Les icônes ont été générées'))
35+
return
36+
}
37+
38+
if (result.status === 'COULD_NOT_LINT_FILE_ERROR') {
39+
console.log(chalk.green('Les icônes ont été générées'))
40+
console.log(chalk.yellow(resultMessages[result.status]))
41+
return
42+
}
43+
44+
console.error(result.error)
45+
46+
console.log(chalk.red(resultMessages[result.status]))
47+
})(options)

‎meta/custom-icon-collections-creator.js

+63-8
Original file line numberDiff line numberDiff line change
@@ -12,31 +12,86 @@ const execPromise = util.promisify(childProcess.exec)
1212
* Filtre les icônes d'une collection en fonction d'une liste de noms.
1313
* @function
1414
*
15-
* @param {string} sourcePath - Fichier source
16-
* @param {string} targetPath - Fichier destination
15+
* @param {string} sourcePath - Chemin vers le fichier source
16+
* @param {string} targetPath - Chemin vers le fichier destination
17+
*
18+
* @returns {Promise<{ status: 'COULD_NOT_GET_COLLECTIONS_ERROR' | 'COULD_NOT_WRITE_FILE_ERROR' | 'COULD_NOT_LINT_FILE_ERROR', error: Error } | undefined>} Le résultat si une erreur est survenue, undefined sinon
1719
*
1820
*/
1921
export async function createCustomCollectionFile (sourcePath, targetPath) {
20-
/**
21-
* @type {[import('@iconify/vue').IconifyJSON, string[]][]}
22-
*/
23-
const collectionsToFilter = await import(sourcePath).then(({ collectionsToFilter }) => collectionsToFilter)
22+
const [error, collectionsToFilter] = await getCollectionsToFilter(sourcePath)
23+
24+
if (error) {
25+
return {
26+
status: 'COULD_NOT_GET_COLLECTIONS_ERROR',
27+
error,
28+
}
29+
}
2430

2531
const collections = collectionsToFilter.map(tuple => filterIcons(...tuple))
2632

2733
const code = `import type { IconifyJSON } from '@iconify/vue'
2834
const collections: IconifyJSON[] = ${JSON.stringify(collections)}
2935
export default collections`
3036

31-
await fs.writeFile(targetPath, code)
37+
try {
38+
await fs.writeFile(targetPath, code)
39+
} catch (error) {
40+
console.error(error)
41+
if (error instanceof Error) {
42+
return {
43+
status: 'COULD_NOT_WRITE_FILE_ERROR',
44+
error,
45+
}
46+
}
47+
return {
48+
status: 'COULD_NOT_WRITE_FILE_ERROR',
49+
error: new Error(`Erreur inconnue : ${error}`),
50+
}
51+
}
3252

33-
await runShellCommand(`npx eslint ${path.resolve(process.cwd(), targetPath)} --fix`)
53+
try {
54+
await runShellCommand(`npx eslint ${path.resolve(process.cwd(), targetPath)} --fix`)
55+
} catch (error) {
56+
if (error instanceof Error) {
57+
return {
58+
status: 'COULD_NOT_LINT_FILE_ERROR',
59+
error,
60+
}
61+
}
62+
return {
63+
status: 'COULD_NOT_LINT_FILE_ERROR',
64+
error: new Error(`Erreur inconnue : ${error}`),
65+
}
66+
}
3467
}
3568

3669
/**
3770
* Fonctions utilitaires
3871
*/
3972

73+
/**
74+
* @function
75+
*
76+
* @param {string} sourcePath - Chemin vers le fichier source
77+
*
78+
* @returns {Promise<[Error] | [null, [import('@iconify/vue').IconifyJSON, string[]][]]>}
79+
*/
80+
async function getCollectionsToFilter (sourcePath) {
81+
try {
82+
/**
83+
* @type {[import('@iconify/vue').IconifyJSON, string[]][]}
84+
*/
85+
const collectionsToFilter = await import(sourcePath).then(({ collectionsToFilter }) => collectionsToFilter)
86+
return [null, collectionsToFilter]
87+
} catch (error) {
88+
if (error instanceof Error) {
89+
return [error]
90+
}
91+
return [new Error(`Erreur inconnue : ${error}`)]
92+
}
93+
}
94+
4095
/**
4196
* Filtre les icônes d'une collection en fonction d'une liste de noms.
4297
* @function

‎src/components/DsfrAccordion/DsfrAccordion.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Autres props :
2626

2727
| Nom | Type | Défaut | Obligatoire |
2828
| ----------------------- | ----------------------------------------- | ---------------- | -------------|
29-
| `title` | *`string`* | `getRandomId('accordion')` | ✅ |
29+
| `title` | *`string`* | `useRandomId('accordion')` | ✅ |
3030
| `titleTag` | [*`TitleTag`*](/docs/types.md#title-tag) | `'h3'` | |
3131
| `id` | *`string`* | *random string* | |
3232

‎src/components/DsfrAccordion/DsfrAccordion.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import { inject, onMounted, ref, toRef, watch } from 'vue'
33
44
import { useCollapsable } from '../../composables'
5-
import { getRandomId } from '../../utils/random-utils'
5+
import { useRandomId } from '../../utils/random-utils'
66
77
import { registerAccordionKey } from './injection-key'
88
import type { DsfrAccordionProps } from './DsfrAccordion.types'
@@ -12,7 +12,7 @@ export type { DsfrAccordionProps }
1212
const props = withDefaults(
1313
defineProps<DsfrAccordionProps>(),
1414
{
15-
id: () => getRandomId('accordion'),
15+
id: () => useRandomId('accordion'),
1616
title: 'Sans intitulé',
1717
titleTag: 'h3',
1818
},

‎src/components/DsfrAlert/DsfrAlert.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@ import { computed } from 'vue'
33
44
import type { DsfrAlertProps } from './DsfrAlert.types.js'
55
6-
import { getRandomId } from '@/utils/random-utils'
6+
import { useRandomId } from '@/utils/random-utils'
77
88
export type { DsfrAlertProps, DsfrAlertType } from './DsfrAlert.types.js'
99
1010
const props = withDefaults(defineProps<DsfrAlertProps>(), {
11-
id: () => getRandomId('basic', 'alert'),
11+
id: () => useRandomId('basic', 'alert'),
1212
title: '',
1313
titleTag: 'h3',
1414
type: 'info',

‎src/components/DsfrBreadcrumb/DsfrBreadcrumb.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Dans l’ordre, il se compose des éléments suivants :
2222

2323
| Nom | Type | Défaut | Description |
2424
|---------------------|--------|---------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------|
25-
| breadcrumbId | String | () => getRandomId('breadcrumb') | Identifiant unique pour le composant breadcrumb, généré automatiquement pour assurer l'accessibilité. |
25+
| breadcrumbId | String | () => useRandomId('breadcrumb') | Identifiant unique pour le composant breadcrumb, généré automatiquement pour assurer l'accessibilité. |
2626
| links | Array | () => [{ text: '' }] | Un tableau d'objets représentant les liens dans le fil d'Ariane. Chaque objet peut avoir une propriété 'text' et, optionnellement, 'to' pour les routes. |
2727
| navigationLabel | String | `'vous êtes ici :'` | Label affiché sur la balise `nav` du fil d’Ariane. |
2828
| showBreadcrumbLabel | String | `'Voir le fil d’Ariane'` | Label du bouton d'affichage du fil d’Ariane. |

‎src/components/DsfrBreadcrumb/DsfrBreadcrumb.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22
import { ref, watch } from 'vue'
33
44
import { useCollapsable } from '../../composables'
5-
import { getRandomId } from '../../utils/random-utils'
5+
import { useRandomId } from '../../utils/random-utils'
66
77
import type { DsfrBreadcrumbProps } from './DsfrBreadcrumb.types'
88
99
export type { DsfrBreadcrumbProps }
1010
1111
withDefaults(defineProps<DsfrBreadcrumbProps>(), {
12-
breadcrumbId: () => getRandomId('breadcrumb'),
12+
breadcrumbId: () => useRandomId('breadcrumb'),
1313
links: () => [{ text: '' }],
1414
navigationLabel: 'vous êtes ici :',
1515
showBreadcrumbLabel: 'Voir le fil d’Ariane',

‎src/components/DsfrCheckbox/DsfrCheckbox.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts" setup>
22
import { computed } from 'vue'
33
4-
import { getRandomId } from '../../utils/random-utils'
4+
import { useRandomId } from '../../utils/random-utils'
55
66
import type { DsfrCheckboxProps } from './DsfrCheckbox.types'
77
@@ -12,7 +12,7 @@ defineOptions({
1212
})
1313
1414
const props = withDefaults(defineProps<DsfrCheckboxProps>(), {
15-
id: () => getRandomId('basic', 'checkbox'),
15+
id: () => useRandomId('basic', 'checkbox'),
1616
hint: '',
1717
errorMessage: '',
1818
validMessage: '',

‎src/components/DsfrCheckbox/DsfrCheckboxSet.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { computed } from 'vue'
33
4-
import { getRandomId } from '../../utils/random-utils'
4+
import { useRandomId } from '../../utils/random-utils'
55
66
import DsfrCheckbox from './DsfrCheckbox.vue'
77
import type { DsfrCheckboxSetProps } from './DsfrCheckbox.types'
@@ -11,7 +11,7 @@ export type { DsfrCheckboxSetProps }
1111

1212
<script lang="ts" setup>
1313
const props = withDefaults(defineProps<DsfrCheckboxSetProps>(), {
14-
titleId: () => getRandomId('checkbox', 'set'),
14+
titleId: () => useRandomId('checkbox', 'set'),
1515
errorMessage: '',
1616
validMessage: '',
1717
legend: '',

‎src/components/DsfrDataTable/DsfrDataTable.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { computed } from 'vue'
44
import DsfrPagination from '../DsfrPagination/DsfrPagination.vue'
55
import VIcon from '../VIcon/VIcon.vue'
66
7-
import { getRandomId } from '@/utils/random-utils'
7+
import { useRandomId } from '@/utils/random-utils'
88
99
export type Page = { href?: string, label: string, title: string }
1010
@@ -39,7 +39,7 @@ export type DsfrDataTableProps = {
3939
}
4040
4141
const props = withDefaults(defineProps<DsfrDataTableProps>(), {
42-
id: () => getRandomId('table'),
42+
id: () => useRandomId('table'),
4343
topActionsRow: () => [],
4444
bottomActionsRow: () => [],
4545
currentPage: 0,

‎src/components/DsfrFileUpload/DsfrFileUpload.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ Bienvenue dans la documentation du composant `DsfrFileUpload`. Ce composant est
1212

1313
| Nom | Type | Défaut | Obligatoire | Description |
1414
|----------------|-------------|-------------------------|---------------|----------------------------------------------------------------|
15-
| `id` | `Function` | `() => getRandomId(...)`| | Identifiant unique pour le composant de téléchargement de fichier. Si non spécifié, un ID aléatoire est généré. |
15+
| `id` | `Function` | `() => useRandomId(...)`| | Identifiant unique pour le composant de téléchargement de fichier. Si non spécifié, un ID aléatoire est généré. |
1616
| `label` | `string` | `'Ajouter un fichier'` | | Libellé pour le bouton de téléchargement de fichier. |
1717
| `accept` | `string \| string[]` | `undefined` | | Types de fichiers acceptés, spécifiés sous forme de chaîne de caractères (comme l’attribut `accept` de HTML) ou d'un tableau de chaînes de caractères (qui sera transformé en chaîne). |
1818
| `hint` | `string` | `''` | | Texte d'indice pour guider l'utilisateur. |

‎src/components/DsfrFileUpload/DsfrFileUpload.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts" setup>
22
import { computed } from 'vue'
33
4-
import { getRandomId } from '../../utils/random-utils'
4+
import { useRandomId } from '../../utils/random-utils'
55
66
import type { DsfrFileUploadProps } from './DsfrFileUpload.types'
77
@@ -12,7 +12,7 @@ defineOptions({
1212
})
1313
1414
const props = withDefaults(defineProps<DsfrFileUploadProps>(), {
15-
id: () => getRandomId('file-upload'),
15+
id: () => useRandomId('file-upload'),
1616
label: 'Ajouter un fichier',
1717
accept: undefined,
1818
hint: '',

‎src/components/DsfrHeader/DsfrHeader.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -212,7 +212,7 @@ provide(registerNavigationLinkKey, () => {
212212
class="fr-header__search fr-modal"
213213
>
214214
<DsfrSearchBar
215-
:searchbar-id="searchbarId"
215+
:id="searchbarId"
216216
:label="searchLabel"
217217
:model-value="modelValue"
218218
:placeholder="placeholder"

‎src/components/DsfrInput/DsfrInput.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Le composant `DsfrInput`, outil essentiel dans l'arsenal de tout développeur Vu
88

99
| Nom | Type | Défaut | Obligatoire | Description |
1010
|-----------------|---------------|-------------------------|---------------|-------------------------------------------------------------------------------------------------------------|
11-
| `id` | `Function` | `() => getRandomId(...)`| | Identifiant unique pour l'input. Si non spécifié, un ID aléatoire est généré. |
11+
| `id` | `Function` | `() => useRandomId(...)`| | Identifiant unique pour l'input. Si non spécifié, un ID aléatoire est généré. |
1212
| `descriptionId` | `string` | `undefined` | | ID pour la description associée à l'input. Utile pour l'accessibilité. |
1313
| `hint` | `string` | `''` | | Texte d'indice pour guider l'utilisateur. |
1414
| `label` | `string` | `''` | | Le libellé de l'input. |

‎src/components/DsfrInput/DsfrInput.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import { computed, ref, useAttrs } from 'vue'
33
import type { Ref } from 'vue'
44
5-
import { getRandomId } from '../../utils/random-utils'
5+
import { useRandomId } from '../../utils/random-utils'
66
77
import type { DsfrInputProps } from './DsfrInput.types'
88
@@ -13,7 +13,7 @@ defineOptions({
1313
})
1414
1515
const props = withDefaults(defineProps<DsfrInputProps>(), {
16-
id: () => getRandomId('basic', 'input'),
16+
id: () => useRandomId('basic', 'input'),
1717
descriptionId: undefined,
1818
hint: '',
1919
label: '',

‎src/components/DsfrInput/DsfrInputGroup.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Ce composant est très utile si vous souhaitez afficher un message d’erreur ou
1010

1111
| Nom | Type | Défaut | Obligatoire | Description |
1212
|-----------------|-------------|-------------------------|---------------|---------------------------------------------------------------|
13-
| `descriptionId` | `Function` | `() => getRandomId(...)`| | ID unique pour la description du groupe, généré automatiquement si non spécifié. |
13+
| `descriptionId` | `Function` | `() => useRandomId(...)`| | ID unique pour la description du groupe, généré automatiquement si non spécifié. |
1414
| `hint` | `string` | `''` | | Texte d'indice pour guider l'utilisateur dans le groupe de champs. |
1515
| `label` | `string` | `''` | | Le libellé associé au groupe de champs. |
1616
| `labelClass` | `string` | `''` | | Classe CSS personnalisée pour le style du libellé. |

‎src/components/DsfrInput/DsfrInputGroup.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts" setup>
2-
import { getRandomId } from '../../utils/random-utils'
2+
import { useRandomId } from '../../utils/random-utils'
33
44
import DsfrInput from './DsfrInput.vue'
55
import type { DsfrInputGroupProps } from './DsfrInput.types'
@@ -11,7 +11,7 @@ defineOptions({
1111
})
1212
1313
withDefaults(defineProps<DsfrInputGroupProps>(), {
14-
descriptionId: () => getRandomId('input', 'group'),
14+
descriptionId: () => useRandomId('input', 'group'),
1515
hint: '',
1616
label: '',
1717
labelClass: '',

‎src/components/DsfrLanguageSelector/DsfrLanguageSelector.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Ce composant est utilisé en interne dans [DsfrHeader](/composants/DsfrHeader) (
2626

2727
| Propriété | Type | Description | Valeur par défaut |
2828
|--------------------|-------------------------------|---------------------------------------------------------------|---------------------------|
29-
| `id` | `string` | Identifiant unique pour les éléments de contrôle d'accessibilité. | `getRandomId('language-selector')` |
29+
| `id` | `string` | Identifiant unique pour les éléments de contrôle d'accessibilité. | `useRandomId('language-selector')` |
3030
| `languages` | [`DsfrLanguageSelectorElement[]`](/types#dsfrlanguageselector) | Liste des langues disponibles. Chaque langue est représentée par un objet contenant un `codeIso` et un `label`. | `[]` |
3131
| `currentLanguage` | `string` | Code ISO de la langue actuellement sélectionnée. | `'fr'` |
3232

‎src/components/DsfrLanguageSelector/DsfrLanguageSelector.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22
import { computed, ref, watch } from 'vue'
33
44
import { useCollapsable } from '../../composables'
5-
import { getRandomId } from '../../utils/random-utils'
5+
import { useRandomId } from '../../utils/random-utils'
66
77
import type { DsfrLanguageSelectorElement, DsfrLanguageSelectorProps } from './DsfrLanguageSelector.types'
88
99
export type { DsfrLanguageSelectorElement, DsfrLanguageSelectorProps }
1010
1111
const props = withDefaults(defineProps<DsfrLanguageSelectorProps>(), {
12-
id: () => getRandomId('language-selector'),
12+
id: () => useRandomId('language-selector'),
1313
languages: () => [],
1414
currentLanguage: 'fr',
1515
})

‎src/components/DsfrModal/DsfrModal.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Elle se compose des éléments suivants :
2626
| Propriété | Type | Description | Valeur par défaut | Obligatoire |
2727
|----------------------|--------------------------------|----------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------|--------------|
2828
| `title` | `string` | Titre de la modale. | | ✅ |
29-
| `modalId` | `string` | Identifiant unique pour la modale. | `getRandomId('modal', 'dialog')` | |
29+
| `modalId` | `string` | Identifiant unique pour la modale. | `useRandomId('modal', 'dialog')` | |
3030
| `opened` | `boolean` | Indique si la modale est ouverte. | `false` | |
3131
| `actions` | `DsfrButtonProps[]` | Liste des boutons d'action pour le pied de page de la modale. | `[]` | |
3232
| `isAlert` | `boolean` | Spécifie si la modale est une alerte (rôle `"alertdialog"` si `true`) ou non (le rôle sera alors `"dialog"`). | `false` | |

0 commit comments

Comments
 (0)