@ouestfrance/sipa-bms-ui 8.5.2 → 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"];
@@ -38521,8 +38525,8 @@
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(Trash2))
                   ]),
-                  _: 2
-                }, 1032, ["onClick"])
+                  _: 1
+                }, 8, ["onClick"])
               ]);
             }), 128)) : vue.createCommentVNode("", true)
           ]))
@@ -67781,8 +67785,8 @@
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(CircleX))
                     ]),
-                    _: 2
-                  }, 1032, ["mode", "onClick"])
+                    _: 1
+                  }, 8, ["mode", "onClick"])
                 ], 2);
               }), 128))
             ], 2)) : vue.createCommentVNode("", true)
@@ -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({
@@ -90375,8 +90380,8 @@
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(Trash))
                   ]),
-                  _: 2
-                }, 1032, ["mode", "onClick"])
+                  _: 1
+                }, 8, ["mode", "onClick"])
               ], 40, _hoisted_1$g),
               vue.createElementVNode("div", {
                 class: "separator",
@@ -101506,6 +101511,7 @@
         }
       });
       app.component("bms-notifications", NotificationWidget);
+      app.component("BmsNotifications", NotificationWidget);
     }
   };
   function useNotifications() {
@@ -101949,6 +101955,7 @@
     install: (app, initialFeatures) => {
       const { initFeatures } = useFeatureFlipper();
       initFeatures(initialFeatures);
+      app.component("BmsFeatureFlipper", _sfc_main$1);
       app.component("bms-feature-flipper", _sfc_main$1);
     }
   };
@@ -102113,6 +102120,7 @@
         }
       });
       app.component("field", _sfc_main);
+      app.component("Field", _sfc_main);
     }
   };
 
@@ -104129,11 +104137,13 @@
           });
         }
       );
-      app.component("bms-confirm", {
+      const confirm = {
         render() {
           return vue.h("div", { id: "confirm" });
         }
-      });
+      };
+      app.component("BmsConfirm", confirm);
+      app.component("bms-confirm", confirm);
     }
   };
   function useConfirm() {
@@ -104165,7 +104175,7 @@
 
   const routerHistoryPlugin = {
     install(app) {
-      app.component("bms-router-history", {
+      const history = {
         setup() {
           const { addHistoryRoute } = useRouterHistory();
           const currentRoute = vueRouter.useRoute();
@@ -104176,7 +104186,9 @@
         render() {
           return "";
         }
-      });
+      };
+      app.component("BmsRouterHistory", history);
+      app.component("bms-router-history", history);
     }
   };