@ouestfrance/sipa-bms-ui 8.32.2 → 8.34.0

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

@@ -3,12 +3,14 @@ type __VLS_Props = {
     message?: string;
     dismissable?: boolean;
     type?: StatusType;
+    small?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     dismiss: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
+    small: boolean;
     type: StatusType;
     dismissable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {

package/dist/models/table.model.d.ts

@@ -15,6 +15,7 @@ export interface TableHeader {
     sortFunction?: SortFunction;
     action?: boolean;
     columnType?: ColumnType;
+    helperText?: string;
 }
 export interface ServerTableRequestParams {
     size: number;

package/dist/sipa-bms-ui.css

@@ -336,7 +336,7 @@
   left: 50%;
   transform: translateX(-50%);
   width: 1em;
-}.alert[data-v-26caccdd] {
+}.alert[data-v-a7263d5e] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
   background-color: var(--alert-secondary-color);
@@ -344,29 +344,32 @@
   border: 1px solid var(--alert-main-color);
   padding: 16px;
 }
-.alert-information[data-v-26caccdd] {
+.alert-information[data-v-a7263d5e] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
 }
-.alert-danger[data-v-26caccdd] {
+.alert-danger[data-v-a7263d5e] {
   --alert-main-color: var(--bms-red-100);
   --alert-secondary-color: var(--bms-red-10);
 }
-.alert-warning[data-v-26caccdd] {
+.alert-warning[data-v-a7263d5e] {
   --alert-main-color: var(--bms-orange-100);
   --alert-secondary-color: var(--bms-orange-10);
 }
-.alert .info-line[data-v-26caccdd] {
+.alert--small[data-v-a7263d5e] {
+  padding: 0 16px;
+}
+.alert .info-line[data-v-a7263d5e] {
   display: flex;
   flex-wrap: nowrap;
   gap: 16px;
   align-items: baseline;
 }
-.alert .info-line .icon[data-v-26caccdd] {
+.alert .info-line .icon[data-v-a7263d5e] {
   color: var(--alert-main-color);
   display: flex;
 }
-.alert .info-line .message[data-v-26caccdd] {
+.alert .info-line .message[data-v-a7263d5e] {
   flex-grow: 1;
   align-self: center;
 }.ui-badge__container[data-v-8a6297ca] {
@@ -2517,13 +2520,13 @@ nav .additional[data-v-8b4752b4] {
 .bms-table__row__cell--child-element__icon[data-v-2ab3888f] {
   display: flex;
   margin-right: 1em;
-}.bms-table[data-v-f6b2c936] {
+}.bms-table[data-v-627a3fc5] {
   --table-cell-padding: 1em;
   --table-cell-radius: var(--bms-border-radius-large);
   --dynamic-border-height: 2px;
   --table-border: 1px solid var(--bms-grey-10);
 }
-.bms-table__loader[data-v-f6b2c936] {
+.bms-table__loader[data-v-627a3fc5] {
   position: absolute;
   background: rgba(255, 255, 255, 0.72);
   inset: 0;
@@ -2533,113 +2536,119 @@ nav .additional[data-v-8b4752b4] {
   font-size: 3em;
   z-index: 10;
 }
-.bms-table__actions[data-v-f6b2c936] {
+.bms-table__actions[data-v-627a3fc5] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1em;
 }
-.bms-table__actions--small[data-v-f6b2c936] {
+.bms-table__actions--small[data-v-627a3fc5] {
   margin-bottom: 0.5em;
 }
-.bms-table__actions__saved-filters[data-v-f6b2c936] {
+.bms-table__actions__saved-filters[data-v-627a3fc5] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 1em;
 }
-.bms-table__actions__search[data-v-f6b2c936] {
+.bms-table__actions__search[data-v-627a3fc5] {
   display: flex;
   align-items: center;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-f6b2c936] {
+.bms-table__actions__custom[data-v-627a3fc5] {
   display: flex;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-f6b2c936]:empty {
+.bms-table__actions__custom[data-v-627a3fc5]:empty {
   display: none;
 }
-.bms-table__selected[data-v-f6b2c936] {
+.bms-table__selected[data-v-627a3fc5] {
   margin-bottom: 1em;
 }
-.bms-table__selected .select-mode-all[data-v-f6b2c936] {
+.bms-table__selected .select-mode-all[data-v-627a3fc5] {
   cursor: pointer;
   color: var(--bms-main-100);
 }
-.bms-table__cell__checkbox[data-v-f6b2c936] {
+.bms-table__cell__checkbox[data-v-627a3fc5] {
   width: 4em;
 }
-.bms-table__cell--action[data-v-f6b2c936] {
+.bms-table__cell--action[data-v-627a3fc5] {
   display: flex;
   justify-content: end;
 }
-.bms-table__cell--empty[data-v-f6b2c936] {
+.bms-table__cell--empty[data-v-627a3fc5] {
   height: 360px;
 }
-.bms-table__table[data-v-f6b2c936] {
+.bms-table__table[data-v-627a3fc5] {
   width: 100%;
   border-spacing: 0 var(--dynamic-border-height);
   border-radius: var(--bms-border-radius-large);
   border: var(--table-border);
   position: relative;
 }
-.bms-table__table-wrapper[data-v-f6b2c936] {
+.bms-table__table-wrapper[data-v-627a3fc5] {
   position: relative;
 }
-.bms-table__table thead[data-v-f6b2c936] {
+.bms-table__table thead[data-v-627a3fc5] {
   position: sticky;
   z-index: 2;
   top: var(--header-height, 0);
 }
-.bms-table__table--dense[data-v-f6b2c936] {
+.bms-table__table--dense[data-v-627a3fc5] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__table[data-v-f6b2c936] tr td {
+.bms-table__table[data-v-627a3fc5] tr td {
   padding: var(--table-cell-padding);
 }
-.bms-table__table th[data-v-f6b2c936] {
+.bms-table__table th[data-v-627a3fc5] {
   --header-content-sort-icon-color: var(--bms-grey-25);
   --header-content-justify: start;
   width: var(--table-cell-width, auto);
   padding: var(--table-cell-padding);
 }
-.bms-table__table th.sortable[data-v-f6b2c936]:hover {
+.bms-table__table th.sortable[data-v-627a3fc5]:hover {
   --header-content-sort-icon-color: var(--bms-grey-100);
   cursor: pointer;
 }
-.bms-table__table th.u-text-align-start[data-v-f6b2c936] {
+.bms-table__table th.u-text-align-start[data-v-627a3fc5] {
   --header-content-justify: start;
 }
-.bms-table__table th.u-text-align-center[data-v-f6b2c936] {
+.bms-table__table th.u-text-align-center[data-v-627a3fc5] {
   --header-content-justify: center;
 }
-.bms-table__table th.u-text-align-end[data-v-f6b2c936] {
+.bms-table__table th.u-text-align-end[data-v-627a3fc5] {
   --header-content-justify: end;
 }
-.bms-table__table th.sorted[data-v-f6b2c936] {
+.bms-table__table th.sorted[data-v-627a3fc5] {
   --header-content-sort-icon-color: var(--bms-grey-100);
 }
-.bms-table__table th .header-content[data-v-f6b2c936] {
+.bms-table__table th .header-content[data-v-627a3fc5] {
   display: flex;
   align-items: center;
   justify-content: var(--header-content-justify);
   gap: 0.5em;
 }
-.bms-table__table th .header-content-sort[data-v-f6b2c936] {
+.bms-table__table th .header-content-sort[data-v-627a3fc5] {
   color: var(--header-content-sort-icon-color);
 }
-.bms-table__footer[data-v-f6b2c936] {
+.bms-table__table th .header-content-helper[data-v-627a3fc5] {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: var(--bms-grey-100);
+}
+.bms-table__footer[data-v-627a3fc5] {
   padding-top: 16px;
 }
-.bms-table .blob[data-v-f6b2c936] {
+.bms-table .blob[data-v-627a3fc5] {
   visibility: hidden;
   --table-blob-height: 80px;
 }
-.bms-table .blob.small[data-v-f6b2c936], .bms-table .blob.dense[data-v-f6b2c936] {
+.bms-table .blob.small[data-v-627a3fc5], .bms-table .blob.dense[data-v-627a3fc5] {
   --table-blob-height: 50px;
 }
-.bms-table .blob[data-v-f6b2c936] {
+.bms-table .blob[data-v-627a3fc5] {
   width: 200px;
   height: var(--table-blob-height);
   background-color: var(--bms-main-50);
@@ -2648,29 +2657,29 @@ nav .additional[data-v-8b4752b4] {
   z-index: -5;
   filter: blur(20px);
 }
-[data-v-f6b2c936] table {
+[data-v-627a3fc5] table {
   padding: 0 var(--dynamic-border-height);
 }
-[data-v-f6b2c936] table th:first-child {
+[data-v-627a3fc5] table th:first-child {
   border-top-left-radius: var(--table-cell-radius);
 }
-[data-v-f6b2c936] table th:last-child {
+[data-v-627a3fc5] table th:last-child {
   border-top-right-radius: var(--table-cell-radius);
 }
-[data-v-f6b2c936] table tr:last-child td:first-child {
+[data-v-627a3fc5] table tr:last-child td:first-child {
   border-bottom-left-radius: var(--table-cell-radius);
 }
-[data-v-f6b2c936] table tr:last-child td:last-child {
+[data-v-627a3fc5] table tr:last-child td:last-child {
   border-bottom-right-radius: var(--table-cell-radius);
 }
-[data-v-f6b2c936] table th {
+[data-v-627a3fc5] table th {
   background-color: rgb(255, 255, 255);
 }
-[data-v-f6b2c936] table tbody {
+[data-v-627a3fc5] table tbody {
   overflow: hidden;
   background: white;
 }
-[data-v-f6b2c936] table tbody tr {
+[data-v-627a3fc5] table tbody tr {
   position: relative;
 }.filter-button-container[data-v-36a9eb9a] {
   position: relative;

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

@@ -38833,7 +38833,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   props: {
     message: {},
     dismissable: { type: Boolean, default: true },
-    type: { default: StatusType.Information }
+    type: { default: StatusType.Information },
+    small: { type: Boolean, default: false }
   },
   emits: ["dismiss"],
   setup(__props, { emit: __emit }) {
@@ -38851,7 +38852,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["alert", `alert-${props.type}`])
+        class: normalizeClass(["alert", `alert-${props.type} ${props.small ? "alert--small" : ""}`])
       }, [
         createElementVNode("div", _hoisted_1$_, [
           createElementVNode("span", _hoisted_2$F, [
@@ -38879,7 +38880,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-26caccdd"]]);
+const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-a7263d5e"]]);
 
 const _hoisted_1$Z = {
   key: 0,
@@ -98354,8 +98355,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               createTextVNode(" Vous avez sélectionné la totalité des " + toDisplayString(__props.totalSize) + " éléments. ", 1)
             ], 64)) : (openBlock(), createElementBlock("span", _hoisted_6$2, [
               selectedItems.value.length === 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _cache[1] || (_cache[1] = createElementVNode("strong", null, "1", -1)),
-                _cache[2] || (_cache[2] = createTextVNode(" élément du tableau est sélectionné. ", -1))
+                _cache[3] || (_cache[3] = createElementVNode("strong", null, "1", -1)),
+                _cache[4] || (_cache[4] = createTextVNode(" élément du tableau est sélectionné. ", -1))
               ], 64)) : (openBlock(), createElementBlock("strong", _hoisted_7$2, toDisplayString(selectedItems.value.length) + " éléments du tableau sont sélectionnés. ", 1)),
               __props.totalSize < __props.maxSelectedSize ? (openBlock(), createElementBlock("span", {
                 key: 2,
@@ -98369,7 +98370,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["type"])) : createCommentVNode("", true),
-        _cache[4] || (_cache[4] = createElementVNode("div", { class: "selected-wrapper" }, null, -1)),
+        _cache[6] || (_cache[6] = createElementVNode("div", { class: "selected-wrapper" }, null, -1)),
         createElementVNode("div", _hoisted_8$2, [
           createVNode(Transition, { name: "fade" }, {
             default: withCtx(() => [
@@ -98416,8 +98417,25 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   }, [
                     createElementVNode("span", _hoisted_14$1, [
                       createTextVNode(toDisplayString(header.label) + " ", 1),
-                      header.sortable ? (openBlock(), createBlock(resolveDynamicComponent(getSortComponent(header)), {
+                      header.helperText ? (openBlock(), createBlock(unref(BmsTooltip), {
                         key: 0,
+                        tooltipText: header.helperText
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: "header-content-helper",
+                            onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                            }, ["stop"])),
+                            onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {
+                            }, ["stop"]))
+                          }, [
+                            createVNode(unref(CircleQuestionMark), { size: 18 })
+                          ], 32)
+                        ]),
+                        _: 1
+                      }, 8, ["tooltipText"])) : createCommentVNode("", true),
+                      header.sortable ? (openBlock(), createBlock(resolveDynamicComponent(getSortComponent(header)), {
+                        key: 1,
                         size: 18,
                         class: "header-content-sort"
                       })) : createCommentVNode("", true)
@@ -98481,7 +98499,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   class: "bms-table__cell bms-table__cell--empty"
                 }, [
                   !props.loading ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
-                    _cache[3] || (_cache[3] = createTextVNode("Aucune donnée", -1))
+                    _cache[5] || (_cache[5] = createTextVNode("Aucune donnée", -1))
                   ], true) : createCommentVNode("", true)
                 ], 8, _hoisted_17)
               ]))
@@ -98501,7 +98519,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f6b2c936"]]);
+const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-627a3fc5"]]);
 
 const _hoisted_1$a = { class: "filter-button-container" };
 const _hoisted_2$8 = {