@ouestfrance/sipa-bms-ui 8.33.0 → 8.34.0

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

@@ -2520,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;
@@ -2536,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);
@@ -2651,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

@@ -98355,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,
@@ -98370,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(() => [
@@ -98417,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)
@@ -98482,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)
               ]))
@@ -98502,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 = {