@ouestfrance/sipa-bms-ui 8.5.2 → 8.5.4

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.11.0'
+const PACKAGE_VERSION = '2.11.1'
 const INTEGRITY_CHECKSUM = 'f5825c521429caf22a4dd13b66e243af'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -587,7 +587,7 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-9b0bf4fb] {
+}.field__input .autocomplete-wrapper[data-v-5d665f68] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -596,22 +596,22 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-9b0bf4fb]:hover {
+.field__input .autocomplete-wrapper[data-v-5d665f68]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-9b0bf4fb]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-5d665f68]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-9b0bf4fb] {
+.field__input .autocomplete-wrapper.is-error[data-v-5d665f68] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-9b0bf4fb] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-5d665f68] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-9b0bf4fb] {
+.field__input .autocomplete-wrapper input[data-v-5d665f68] {
   outline: none;
   appearance: none;
   border: 0;
@@ -624,7 +624,7 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-9b0bf4fb] {
+.icon[data-v-5d665f68] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -1080,12 +1080,12 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .input-toggle[data-v-9570e0a9]:hover {
   cursor: var(--cursor);
-}.field__input[data-v-3898a72d] {
+}.field__input[data-v-6e3f7aab] {
   --field-border-color: var(--bms-grey-50);
   --field-border-color-active: var(--bms-main-100);
   --input-background-color: var(--bms-white);
 }
-.field__input .select-wrapper[data-v-3898a72d] {
+.field__input .select-wrapper[data-v-6e3f7aab] {
   width: 100%;
   padding: 0 0 0 1em;
   border-radius: var(--bms-border-radius);
@@ -1096,35 +1096,35 @@ input[type=radio][data-v-cb26402d]:checked::before {
   align-items: center;
   justify-content: space-between;
 }
-.field__input .select-wrapper .icon-down-container[data-v-3898a72d] {
+.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.field__input .select-wrapper .icon-down-container[data-v-3898a72d]:hover {
+.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab]:hover {
   cursor: pointer;
 }
-.field__input .select-wrapper .icon-down-button[data-v-3898a72d] {
+.field__input .select-wrapper .icon-down-button[data-v-6e3f7aab] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.field__input .select-wrapper[data-v-3898a72d]:hover {
+.field__input .select-wrapper[data-v-6e3f7aab]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .select-wrapper[data-v-3898a72d]:has(input:focus) {
+.field__input .select-wrapper[data-v-6e3f7aab]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .select-wrapper.is-error[data-v-3898a72d] {
+.field__input .select-wrapper.is-error[data-v-6e3f7aab] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .select-wrapper.is-disabled[data-v-3898a72d] {
+.field__input .select-wrapper.is-disabled[data-v-6e3f7aab] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .select-wrapper input[data-v-3898a72d] {
+.field__input .select-wrapper input[data-v-6e3f7aab] {
   border: none;
   background-color: transparent;
   caret-color: transparent;
@@ -1322,7 +1322,6 @@ input[type=radio][data-v-cb26402d]:checked::before {
   border-radius: var(--bms-border-radius-large);
   position: relative;
   overflow: hidden;
-  --card-content-border-radius: var(--bms-border-radius-large);
 }
 .card.card--information[data-v-cff3f84d] {
   --summary-card-color: white;
@@ -1340,6 +1339,9 @@ input[type=radio][data-v-cb26402d]:checked::before {
   --summary-card-color: white;
   --summary-card-background-color: var(--bms-danger-color);
 }
+.card[data-v-cff3f84d] {
+  --card-content-border-radius: var(--bms-border-radius-large);
+}
 .card .hasAction[data-v-cff3f84d] {
   --card-content-border-radius: var(--bms-border-radius-large)
     var(--bms-border-radius-large) 0 0;
@@ -2275,6 +2277,11 @@ nav .additional[data-v-731a6d8c] {
 .bms-table .blob[data-v-9cbfc981] {
   visibility: hidden;
   --table-blob-height: 80px;
+}
+.bms-table .blob.dense[data-v-9cbfc981] {
+  --table-blob-height: 50px;
+}
+.bms-table .blob[data-v-9cbfc981] {
   width: 200px;
   height: var(--table-blob-height);
   background-color: var(--bms-main-50);
@@ -2283,9 +2290,6 @@ nav .additional[data-v-731a6d8c] {
   z-index: -5;
   filter: blur(20px);
 }
-.bms-table .blob.dense[data-v-9cbfc981] {
-  --table-blob-height: 50px;
-}
 [data-v-9cbfc981] table {
   padding: 0 var(--dynamic-border-height);
 }
@@ -2381,10 +2385,12 @@ nav .additional[data-v-731a6d8c] {
 }
 .filters__inputs .input[data-v-58f3ef61] {
   width: 25%;
-  padding-right: 32px;
 }
 .filters__inputs .input.large[data-v-58f3ef61] {
   width: 50%;
+}
+.filters__inputs .input[data-v-58f3ef61] {
+  padding-right: 32px;
 }.table-search[data-v-1a3ad3f2] {
   width: 260px;
 }.table-search[data-v-f2f86c8c] {

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

@@ -38069,7 +38069,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     const inputText = ref(
       getValidOptionByValue(modelValue.value)?.label ?? ""
     );
-    const isInputFocused = ref(props.open);
+    const showDataList = ref(props.open);
     const autocompleteInput = ref(null);
     const classes = computed(() => {
       return { "is-error": props.errors?.length, "is-disabled": props.disabled };
@@ -38081,7 +38081,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       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);
@@ -38106,19 +38107,24 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       }
     );
     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
@@ -38129,13 +38135,13 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
         datalist: withCtx(() => [
           withDirectives(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: withCtx(({ option }) => [
               renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -38144,7 +38150,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["is-input-focused", "can-add-new-option", "new-option", "options", "small"]), [
-            [vShow, isInputFocused.value]
+            [vShow, showDataList.value]
           ])
         ]),
         default: withCtx(() => [
@@ -38152,16 +38158,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             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: unref(InputType).TEXT,
             disabled: _ctx.disabled,
             class: 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": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
@@ -38177,14 +38181,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                 ])) : (openBlock(), createElementBlock("span", {
                   key: 1,
                   class: "icon",
-                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isInputFocused.value = !isInputFocused.value, ["stop"]))
+                  onClick: withModifiers(toggleList, ["stop"])
                 }, [
-                  !isInputFocused.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
+                  !showDataList.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(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);
@@ -38192,7 +38196,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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"];
@@ -38518,8 +38522,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(Trash2))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])
+                _: 1
+              }, 8, ["onClick"])
             ]);
           }), 128)) : createCommentVNode("", true)
         ]))
@@ -67778,8 +67782,8 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(unref(CircleX))
                   ]),
-                  _: 2
-                }, 1032, ["mode", "onClick"])
+                  _: 1
+                }, 8, ["mode", "onClick"])
               ], 2);
             }), 128))
           ], 2)) : createCommentVNode("", true)
@@ -85450,6 +85454,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     });
     const selectItem = (option) => {
       modelValue.value = option.value;
+      setFocus();
       open.value = false;
     };
     const setFocus = () => {
@@ -85508,7 +85513,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
@@ -90372,8 +90377,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(Trash))
                 ]),
-                _: 2
-              }, 1032, ["mode", "onClick"])
+                _: 1
+              }, 8, ["mode", "onClick"])
             ], 40, _hoisted_1$g),
             createElementVNode("div", {
               class: "separator",
@@ -101503,6 +101508,7 @@ const notifications = {
       }
     });
     app.component("bms-notifications", NotificationWidget);
+    app.component("BmsNotifications", NotificationWidget);
   }
 };
 function useNotifications() {
@@ -101946,6 +101952,7 @@ const featureFlipperPlugin = {
   install: (app, initialFeatures) => {
     const { initFeatures } = useFeatureFlipper();
     initFeatures(initialFeatures);
+    app.component("BmsFeatureFlipper", _sfc_main$1);
     app.component("bms-feature-flipper", _sfc_main$1);
   }
 };
@@ -102110,6 +102117,7 @@ const field = {
       }
     });
     app.component("field", _sfc_main);
+    app.component("Field", _sfc_main);
   }
 };
 
@@ -104126,11 +104134,13 @@ const confirmPlugin = {
         });
       }
     );
-    app.component("bms-confirm", {
+    const confirm = {
       render() {
         return h$1("div", { id: "confirm" });
       }
-    });
+    };
+    app.component("BmsConfirm", confirm);
+    app.component("bms-confirm", confirm);
   }
 };
 function useConfirm() {
@@ -104162,7 +104172,7 @@ const createRuntimeEnv = (env) => ({
 
 const routerHistoryPlugin = {
   install(app) {
-    app.component("bms-router-history", {
+    const history = {
       setup() {
         const { addHistoryRoute } = useRouterHistory();
         const currentRoute = useRoute();
@@ -104173,7 +104183,9 @@ const routerHistoryPlugin = {
       render() {
         return "";
       }
-    });
+    };
+    app.component("BmsRouterHistory", history);
+    app.component("bms-router-history", history);
   }
 };