@ouestfrance/sipa-bms-ui 8.5.3 → 8.5.4

package/dist/sipa-bms-ui.umd.js

@@ -38072,7 +38072,7 @@
       const inputText = vue.ref(
         getValidOptionByValue(modelValue.value)?.label ?? ""
       );
-      const isInputFocused = vue.ref(props.open);
+      const showDataList = vue.ref(props.open);
       const autocompleteInput = vue.ref(null);
       const classes = vue.computed(() => {
         return { "is-error": props.errors?.length, "is-disabled": props.disabled };
@@ -38084,7 +38084,8 @@
         emits("select", option);
         const existingOption = getValidOptionByLabel(option.label) || getValidOptionByValue(option.value);
         modelValue.value = existingOption?.value ?? null;
-        isInputFocused.value = false;
+        showDataList.value = false;
+        setFocus();
       };
       const displayItem = (option) => {
         const existingOption = getValidOptionByLabel(option.label) || getValidOptionByValue(option.value);
@@ -38109,19 +38110,24 @@
         }
       );
       const onInput = () => {
-        isInputFocused.value = true;
+        showDataList.value = true;
         if (inputText.value === "") {
           clearInput();
         }
       };
       const setFocus = () => {
         if (autocompleteInput.value) {
-          autocompleteInput.value.focus();
+          autocompleteInput.value.setFocus();
         }
       };
       const clearInput = () => {
         inputText.value = "";
         modelValue.value = null;
+        setFocus();
+      };
+      const toggleList = () => {
+        showDataList.value = !showDataList.value;
+        setFocus();
       };
       __expose({
         setFocus
@@ -38132,13 +38138,13 @@
           datalist: vue.withCtx(() => [
             vue.withDirectives(vue.createVNode(FieldDatalist, {
               "data-testid": "autocomplete-menu",
-              "is-input-focused": isInputFocused.value,
+              "is-input-focused": showDataList.value,
               "can-add-new-option": _ctx.canAddNewOption,
               "new-option": inputText.value,
               options: filteredMenuItems.value,
               small: _ctx.small,
               onSelect: selectItem,
-              onAddNewOption: _cache[3] || (_cache[3] = (option) => emits("addNewOption", option))
+              onAddNewOption: _cache[1] || (_cache[1] = (option) => emits("addNewOption", option))
             }, {
               option: vue.withCtx(({ option }) => [
                 vue.renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -38147,7 +38153,7 @@
               ]),
               _: 3
             }, 8, ["is-input-focused", "can-add-new-option", "new-option", "options", "small"]), [
-              [vue.vShow, isInputFocused.value]
+              [vue.vShow, showDataList.value]
             ])
           ]),
           default: vue.withCtx(() => [
@@ -38155,16 +38161,14 @@
               ref_key: "autocompleteInput",
               ref: autocompleteInput,
               modelValue: inputText.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputText.value = $event),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
               type: vue.unref(InputType).TEXT,
               disabled: _ctx.disabled,
               class: vue.normalizeClass(classes.value),
               placeholder: _ctx.placeholder,
               required: _ctx.required,
               small: _ctx.small,
-              onInput,
-              focus: isInputFocused.value,
-              "onUpdate:focus": _cache[2] || (_cache[2] = ($event) => isInputFocused.value = $event)
+              onInput
             }, {
               "icon-start": vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
@@ -38180,14 +38184,14 @@
                   ])) : (vue.openBlock(), vue.createElementBlock("span", {
                     key: 1,
                     class: "icon",
-                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => isInputFocused.value = !isInputFocused.value, ["stop"]))
+                    onClick: vue.withModifiers(toggleList, ["stop"])
                   }, [
-                    !isInputFocused.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), { key: 1 }))
+                    !showDataList.value ? (vue.openBlock(), vue.createBlock(vue.unref(ChevronDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(ChevronUp), { key: 1 }))
                   ]))
                 ], true)
               ]),
               _: 3
-            }, 8, ["modelValue", "type", "disabled", "class", "placeholder", "required", "small", "focus"])
+            }, 8, ["modelValue", "type", "disabled", "class", "placeholder", "required", "small"])
           ]),
           _: 3
         }, 16);
@@ -38195,7 +38199,7 @@
     }
   });
 
-  const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-9b0bf4fb"]]);
+  const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-5d665f68"]]);
 
   const _hoisted_1$N = ["innerHTML"];
   const _hoisted_2$v = ["innerHTML"];
@@ -85453,6 +85457,7 @@
       });
       const selectItem = (option) => {
         modelValue.value = option.value;
+        setFocus();
         open.value = false;
       };
       const setFocus = () => {
@@ -85511,7 +85516,7 @@
     }
   });
 
-  const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-3898a72d"]]);
+  const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-6e3f7aab"]]);
 
   const _hoisted_1$E = { class: "dismiss-button" };
   const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({