@mozaic-ds/vue 2.9.0 → 2.10.0

package/src/components/phonenumber/MPhoneNumber.vue

@@ -116,6 +116,14 @@ const props = withDefaults(
      * If `true`, display the country flag selector
      */
     flag?: boolean;
+    /**
+     * Locale for displaying country names (e.g., 'fr', 'en', 'es', 'pt').
+     */
+    locale?: string;
+    /**
+     * List of country codes to display in the selector. If not provided, all countries will be shown.
+     */
+    countryCodes?: CountryCode[];
   }>(),
   {
     modelValue: '',
@@ -123,12 +131,15 @@ const props = withDefaults(
     size: 'm',
     prefix: true,
     flag: true,
+    locale: 'en',
   },
 );
 
 const phoneNumber = ref(props.modelValue);
 const selectedCountry = ref<CountryCode>(props.defaultCountry);
-const countries = getCountries();
+const countries = computed(() => {
+  return props.countryCodes || getCountries();
+});
 
 const dynamicPlaceholder = computed(() => {
   if (props.placeholder && props.placeholder.length > 0) {
@@ -155,12 +166,11 @@ const parsedNumber = computed(() => {
   }
 });
 
-const getCountryName = (
-  countryCode: CountryCode,
-  locale: string = 'fr',
-): string => {
+const getCountryName = (countryCode: CountryCode): string => {
   try {
-    const regionNames = new Intl.DisplayNames([locale], { type: 'region' });
+    const regionNames = new Intl.DisplayNames([props.locale], {
+      type: 'region',
+    });
     return regionNames.of(countryCode) || countryCode;
   } catch {
     return countryCode;

package/src/components/textinput/MTextInput.stories.ts

@@ -82,7 +82,7 @@ export const WithIcon: Story = {
   }),
 };
 
-export const minValue: Story = {
+export const MinValue: Story = {
   args: {
     id: 'minValueId',
     inputType: 'number',

package/src/components/usingPresets.mdx

@@ -39,7 +39,7 @@ All it has to do is insert the following code into its main Sass file (entrypoin
 />
 
 > [!NOTE]
-> The `<presetName>` string should be replaced by the name of the preset you want, one of the following values: `adeo | enki | mbrand`.
+> The `<presetName>` string should be replaced by the name of the preset you want, one of the following values: `adeo | mbrand`.
 > As the `leroymerlin` preset is the default preset, you don't need to use this syntax to use it.
 
 For example, for ADEO

package/src/main.ts

@@ -2,6 +2,7 @@ export { default as MAvatar } from './components/avatar/MAvatar.vue';
 export { default as MBreadcrumb } from './components/breadcrumb/MBreadcrumb.vue';
 export { default as MButton } from './components/button/MButton.vue';
 export { default as MCallout } from './components/callout/MCallout.vue';
+export { default as MCarousel } from './components/carousel/MCarousel.vue';
 export { default as MCheckbox } from './components/checkbox/MCheckbox.vue';
 export { default as MCheckboxGroup } from './components/checkboxgroup/MCheckboxGroup.vue';
 export { default as MCircularProgressbar } from './components/circularprogressbar/MCircularProgressbar.vue';