@ouestfrance/sipa-bms-ui 8.25.3 → 8.26.1

package/dist/components/feedback/BmsLoader.vue.d.ts

@@ -1,9 +1,13 @@
+import { StatusType } from '../../models';
 export declare function transformIntoPx(totransform: string | number): string;
 declare const _default: import('vue').DefineComponent<{
     size?: string | number | undefined;
+    mode?: StatusType | undefined;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     size?: string | number | undefined;
+    mode?: StatusType | undefined;
 }> & Readonly<{}>, {
+    mode: StatusType;
     size: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/form/BmsInputText.vue.d.ts

@@ -9,6 +9,8 @@ export interface Props extends FieldComponentProps {
     minlength?: number;
     maxlength?: number;
     step?: number;
+    pattern?: string;
+    patternMessage?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
     setFocus: () => void;

package/dist/components/form/BmsSearch.vue.d.ts

@@ -26,6 +26,8 @@ declare const _default: import('vue').DefineComponent<Props, {
             readonly minlength?: number | undefined;
             readonly maxlength?: number | undefined;
             readonly step?: number | undefined;
+            readonly pattern?: string | undefined;
+            readonly patternMessage?: string | undefined;
             readonly label?: string | undefined;
             readonly loading?: boolean | undefined;
             readonly required?: boolean | undefined;

package/dist/components/navigation/UiTenantSwitcher.vue.d.ts

@@ -27,6 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly minlength?: number | undefined;
             readonly maxlength?: number | undefined;
             readonly step?: number | undefined;
+            readonly pattern?: string | undefined;
+            readonly patternMessage?: string | undefined;
             readonly label?: string | undefined;
             readonly loading?: boolean | undefined;
             readonly required?: boolean | undefined;

package/dist/components/table/BmsTableFilters.vue.d.ts

@@ -47,6 +47,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly minlength?: number | undefined;
             readonly maxlength?: number | undefined;
             readonly step?: number | undefined;
+            readonly pattern?: string | undefined;
+            readonly patternMessage?: string | undefined;
             readonly label?: string | undefined;
             readonly loading?: boolean | undefined;
             readonly required?: boolean | undefined;

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.12.9'
+const PACKAGE_VERSION = '2.12.10'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -470,12 +470,24 @@
   pointer-events: none;
   user-select: none;
   transition: opacity 0.2s ease-in-out;
-}.bms-loader[data-v-7cc96135] {
-  font-size: var(--v71df0f7a);
-  color: var(--bms-main-100, currentColor);
+}.bms-loader[data-v-4503885b] {
+  font-size: var(--fe29ee96);
+  color: var(--bms-main-100);
   display: inline-block;
 }
-.bms-loader svg[data-v-7cc96135] {
+.bms-loader.warning[data-v-4503885b] {
+  color: var(--bms-orange-100);
+}
+.bms-loader.danger[data-v-4503885b] {
+  color: var(--bms-red-100);
+}
+.bms-loader.information[data-v-4503885b] {
+  color: var(--bms-grey-100);
+}
+.bms-loader.success[data-v-4503885b] {
+  color: var(--bms-green-100);
+}
+.bms-loader svg[data-v-4503885b] {
   width: 1em;
   height: 1em;
   display: block;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, mergeModels, useModel, ref, onBeforeMount, onBeforeUnmount, normalizeStyle, useCssVars, createStaticVNode, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, Transition, withDirectives, vShow, Fragment, Teleport, createTextVNode, useTemplateRef, renderList, withModifiers, withKeys, createSlots, useSlots, vModelCheckbox, toRaw, vModelRadio, vModelText, reactive, isVNode, isRef, TransitionGroup, createApp } from 'vue';
+import { defineComponent, computed, resolveComponent, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, withCtx, createElementVNode, useAttrs, normalizeClass, normalizeProps, guardReactiveProps, createVNode, h as h$1, createCommentVNode, resolveDynamicComponent, toDisplayString, mergeModels, useModel, ref, onBeforeMount, onBeforeUnmount, normalizeStyle, useCssVars, useId, onMounted, nextTick, watch, getCurrentInstance, getCurrentScope, onScopeDispose, hasInjectionContext, inject, toValue, onUnmounted, shallowRef, watchEffect, Transition, withDirectives, vShow, Fragment, Teleport, createTextVNode, useTemplateRef, renderList, withModifiers, withKeys, createSlots, useSlots, vModelCheckbox, toRaw, vModelRadio, vModelText, reactive, isVNode, createStaticVNode, isRef, TransitionGroup, createApp } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 var CocardeBorder = /* @__PURE__ */ ((CocardeBorder2) => {
@@ -335,7 +335,7 @@ const getHeaderClasses = (header, sort) => {
 };
 
 const _hoisted_1$12 = ["href", "target"];
-const _hoisted_2$G = ["href", "onClick", "target"];
+const _hoisted_2$H = ["href", "onClick", "target"];
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "BmsLink",
   props: {
@@ -377,7 +377,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
             target: __props.target
           }, _ctx.$attrs), [
             renderSlot(_ctx.$slots, "default")
-          ], 16, _hoisted_2$G)
+          ], 16, _hoisted_2$H)
         ]),
         _: 3
       }, 8, ["to"]));
@@ -427,8 +427,8 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$10 = { class: "start" };
-const _hoisted_2$F = { class: "content" };
-const _hoisted_3$n = { class: "end" };
+const _hoisted_2$G = { class: "content" };
+const _hoisted_3$o = { class: "end" };
 const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "UiButton",
   props: {
@@ -447,10 +447,10 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
           createElementVNode("span", _hoisted_1$10, [
             renderSlot(_ctx.$slots, "start")
           ]),
-          createElementVNode("span", _hoisted_2$F, [
+          createElementVNode("span", _hoisted_2$G, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("span", _hoisted_3$n, [
+          createElementVNode("span", _hoisted_3$o, [
             renderSlot(_ctx.$slots, "end")
           ])
         ]),
@@ -38069,8 +38069,8 @@ const lucideIcons = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePropert
 }, Symbol.toStringTag, { value: 'Module' }));
 
 const _hoisted_1$_ = { class: "info-line" };
-const _hoisted_2$E = { class: "icon" };
-const _hoisted_3$m = { class: "message" };
+const _hoisted_2$F = { class: "icon" };
+const _hoisted_3$n = { class: "message" };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "BmsAlert",
   props: {
@@ -38097,10 +38097,10 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["alert", `alert-${props.type}`])
       }, [
         createElementVNode("div", _hoisted_1$_, [
-          createElementVNode("span", _hoisted_2$E, [
+          createElementVNode("span", _hoisted_2$F, [
             (openBlock(), createBlock(resolveDynamicComponent(alertIcon.value), { size: 20 }))
           ]),
-          createElementVNode("span", _hoisted_3$m, [
+          createElementVNode("span", _hoisted_3$n, [
             renderSlot(_ctx.$slots, "message", {}, () => [
               createElementVNode("strong", null, toDisplayString(__props.message), 1)
             ], true)
@@ -38160,7 +38160,7 @@ const _hoisted_1$Y = {
   key: 0,
   class: "icon"
 };
-const _hoisted_2$D = ["innerHTML"];
+const _hoisted_2$E = ["innerHTML"];
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "BmsCaption",
   props: {
@@ -38198,7 +38198,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         createElementVNode("span", {
           class: "label",
           innerHTML: unref(sanitizeHtml)(computedCaption.value.label)
-        }, null, 8, _hoisted_2$D)
+        }, null, 8, _hoisted_2$E)
       ], 2);
     };
   }
@@ -38207,21 +38207,21 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-b08dd4e0"]]);
 
 const _hoisted_1$X = { class: "circular-progress" };
-const _hoisted_2$C = {
+const _hoisted_2$D = {
   key: 0,
   viewBox: "0 0 100 100"
 };
-const _hoisted_3$l = { transform: "rotate(-90, 50, 50)" };
-const _hoisted_4$c = ["stroke-dashoffset"];
-const _hoisted_5$8 = { class: "percent" };
+const _hoisted_3$m = { transform: "rotate(-90, 50, 50)" };
+const _hoisted_4$d = ["stroke-dashoffset"];
+const _hoisted_5$9 = { class: "percent" };
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "BmsCircularProgress",
   props: ["progress"],
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$X, [
-        __props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$C, [
-          createElementVNode("g", _hoisted_3$l, [
+        __props.progress ? (openBlock(), createElementBlock("svg", _hoisted_2$D, [
+          createElementVNode("g", _hoisted_3$m, [
             _cache[0] || (_cache[0] = createElementVNode("circle", {
               opacity: ".08",
               r: "45",
@@ -38240,10 +38240,10 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
               "stroke-linecap": "round",
               "stroke-dashoffset": 283 - __props.progress * 283 / 100,
               "stroke-dasharray": "283"
-            }, null, 8, _hoisted_4$c)
+            }, null, 8, _hoisted_4$d)
           ])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$8, toDisplayString(__props.progress) + "%", 1)
+        createElementVNode("div", _hoisted_5$9, toDisplayString(__props.progress) + "%", 1)
       ]);
     };
   }
@@ -38314,32 +38314,105 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
 
 const BmsGhost = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-205789ac"]]);
 
-const _hoisted_1$W = { class: "bms-loader" };
+const _hoisted_1$W = {
+  viewBox: "0 0 38 38",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$C = ["id"];
+const _hoisted_3$l = {
+  fill: "none",
+  "fill-rule": "evenodd"
+};
+const _hoisted_4$c = { transform: "translate(1 1)" };
+const _hoisted_5$8 = ["stroke"];
 function transformIntoPx(totransform) {
   return typeof totransform === "string" ? totransform : `${totransform}px`;
 }
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "BmsLoader",
   props: {
-    size: { default: "inherit" }
+    size: { default: "inherit" },
+    mode: { default: StatusType.Default }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v71df0f7a": sizeInPx.value
+      "fe29ee96": sizeInPx.value
     }));
+    const gradientId = useId();
     const props = __props;
     const sizeInPx = computed(() => {
       return transformIntoPx(props.size);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [..._cache[0] || (_cache[0] = [
-        createStaticVNode('<svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" data-v-7cc96135><defs data-v-7cc96135><linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a" data-v-7cc96135><stop stop-color="currentColor" stop-opacity="0" offset="0%" data-v-7cc96135></stop><stop stop-color="currentColor" stop-opacity=".631" offset="63.146%" data-v-7cc96135></stop><stop stop-color="currentColor" offset="100%" data-v-7cc96135></stop></linearGradient></defs><g fill="none" fill-rule="evenodd" data-v-7cc96135><g transform="translate(1 1)" data-v-7cc96135><path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="2" data-v-7cc96135><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.9s" repeatCount="indefinite" data-v-7cc96135></animateTransform></path><circle fill="#fff" cx="36" cy="18" r="1" data-v-7cc96135><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.9s" repeatCount="indefinite" data-v-7cc96135></animateTransform></circle></g></g></svg>', 1)
-      ])]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bms-loader", __props.mode])
+      }, [
+        (openBlock(), createElementBlock("svg", _hoisted_1$W, [
+          createElementVNode("defs", null, [
+            createElementVNode("linearGradient", {
+              x1: "8.042%",
+              y1: "0%",
+              x2: "65.682%",
+              y2: "23.865%",
+              id: unref(gradientId)
+            }, [..._cache[0] || (_cache[0] = [
+              createElementVNode("stop", {
+                "stop-color": "currentColor",
+                "stop-opacity": "0",
+                offset: "0%"
+              }, null, -1),
+              createElementVNode("stop", {
+                "stop-color": "currentColor",
+                "stop-opacity": ".631",
+                offset: "63.146%"
+              }, null, -1),
+              createElementVNode("stop", {
+                "stop-color": "currentColor",
+                offset: "100%"
+              }, null, -1)
+            ])], 8, _hoisted_2$C)
+          ]),
+          createElementVNode("g", _hoisted_3$l, [
+            createElementVNode("g", _hoisted_4$c, [
+              createElementVNode("path", {
+                d: "M36 18c0-9.94-8.06-18-18-18",
+                id: "Oval-2",
+                stroke: `url(#${unref(gradientId)})`,
+                "stroke-width": "2"
+              }, [..._cache[1] || (_cache[1] = [
+                createElementVNode("animateTransform", {
+                  attributeName: "transform",
+                  type: "rotate",
+                  from: "0 18 18",
+                  to: "360 18 18",
+                  dur: "0.9s",
+                  repeatCount: "indefinite"
+                }, null, -1)
+              ])], 8, _hoisted_5$8),
+              _cache[2] || (_cache[2] = createElementVNode("circle", {
+                fill: "#fff",
+                cx: "36",
+                cy: "18",
+                r: "1"
+              }, [
+                createElementVNode("animateTransform", {
+                  attributeName: "transform",
+                  type: "rotate",
+                  from: "0 18 18",
+                  to: "360 18 18",
+                  dur: "0.9s",
+                  repeatCount: "indefinite"
+                })
+              ], -1))
+            ])
+          ])
+        ]))
+      ], 2);
     };
   }
 });
 
-const BmsLoader = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-7cc96135"]]);
+const BmsLoader = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-4503885b"]]);
 
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
@@ -69322,6 +69395,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     minlength: {},
     maxlength: {},
     step: {},
+    pattern: {},
+    patternMessage: {},
     label: { default: "" },
     loading: { type: Boolean },
     required: { type: Boolean, default: false },
@@ -69337,44 +69412,61 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const input = ref(null);
-    const internalErrors = ref([]);
+    const onChangeErrors = ref([]);
+    const onChangeCaptions = ref([]);
+    const onBlurErrors = ref([]);
     const computedErrors = computed(() => {
-      return props.errors ? internalErrors.value.concat(props.errors) : internalErrors.value;
+      return props.errors ? onChangeErrors.value.concat(props.errors, onBlurErrors.value) : onChangeErrors.value.concat(onBlurErrors.value);
     });
-    const internalCaptions = ref([]);
     const computedCaptions = computed(() => {
-      return props.captions ? internalCaptions.value.concat(props.captions) : internalCaptions.value;
+      return props.captions ? onChangeCaptions.value.concat(props.captions) : onChangeCaptions.value;
     });
     onMounted(() => {
+      onBlurErrors.value = [];
+      onChangeErrors.value = [];
+      onChangeCaptions.value = [];
+      checkPattern();
       checkLimit();
     });
     const $emits = __emit;
+    const checkPattern = () => {
+      const hasValue = props.modelValue !== null && props.modelValue !== void 0;
+      if (hasValue && props.pattern) {
+        const regex = new RegExp(props.pattern);
+        if (!regex.test(String(props.modelValue))) {
+          onBlurErrors.value.push(
+            props.patternMessage || `La valeur ne correspond pas au motif attendu ( ${props.pattern} )`
+          );
+        }
+      }
+    };
     const checkLimit = () => {
-      internalErrors.value = [];
-      internalCaptions.value = [];
       const hasValue = props.modelValue !== null && props.modelValue !== void 0;
       if (hasValue && props.inputType === InputType.TEXT && typeof props.modelValue === "string") {
         if (props.minlength !== void 0 && props.modelValue.length < props.minlength) {
-          internalErrors.value = [
+          onChangeErrors.value.push(
             "Longueur inférieur au minimum autorisé (min:" + props.minlength + ")"
-          ];
+          );
         }
         if (props.maxlength !== void 0) {
           if (props.modelValue.length > props.maxlength) {
-            internalErrors.value = [
+            onChangeErrors.value.push(
               `Longueur supérieure au maximum autorisé (max:${props.maxlength})`
-            ];
+            );
           } else if (props.modelValue.length === props.maxlength) {
-            internalCaptions.value = [
-              {
-                label: `Attention, vous avez atteint la limite de ${props.maxlength} caractères.`,
-                mode: StatusType.Warning
-              }
-            ];
+            onChangeCaptions.value.push({
+              label: `Attention, vous avez atteint la limite de ${props.maxlength} caractères.`,
+              mode: StatusType.Warning
+            });
           }
         }
       }
     };
+    const onBlur = () => {
+      $emits("blur");
+      onBlurErrors.value = [];
+      checkPattern();
+    };
     const setFocus = () => {
       if (input.value) {
         input.value.setFocus();
@@ -69385,7 +69477,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     });
     watch(
       () => props.modelValue,
-      () => checkLimit()
+      () => {
+        onChangeErrors.value = [];
+        onChangeCaptions.value = [];
+        checkLimit();
+      }
     );
     return (_ctx, _cache) => {
       const _component_field = resolveComponent("field");
@@ -69411,8 +69507,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             max: __props.max,
             minlength: __props.minlength,
             maxlength: __props.maxlength,
-            onBlur: _cache[1] || (_cache[1] = ($event) => $emits("blur")),
-            onFocus: _cache[2] || (_cache[2] = ($event) => $emits("focus"))
+            pattern: __props.pattern,
+            onBlur,
+            onFocus: _cache[1] || (_cache[1] = ($event) => $emits("focus"))
           }, {
             "icon-start": withCtx(() => [
               renderSlot(_ctx.$slots, "icon-start")
@@ -69421,7 +69518,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "icon-end")
             ]),
             _: 3
-          }, 8, ["type", "modelValue", "required", "placeholder", "disabled", "errors", "small", "step", "min", "max", "minlength", "maxlength"])
+          }, 8, ["type", "modelValue", "required", "placeholder", "disabled", "errors", "small", "step", "min", "max", "minlength", "maxlength", "pattern"])
         ]),
         _: 3
       }, 16, ["captions", "errors"]);
@@ -69690,9 +69787,6 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       if (!props.disabled)
         $emits("update:modelValue", Number((e?.target).value));
     };
-    computed(() => {
-      return { "is-error": props.errors?.length, "is-disabled": props.disabled };
-    });
     const checkLimit = () => {
       internalErrors.value = [];
       const hasValue = props.modelValue !== null && props.modelValue !== void 0;