@ouestfrance/sipa-bms-ui 8.16.0 → 8.17.0

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

@@ -50,6 +50,7 @@ var ColumnType = /* @__PURE__ */ ((ColumnType2) => {
 var SelectMode = /* @__PURE__ */ ((SelectMode2) => {
   SelectMode2["ALL"] = "all";
   SelectMode2["DEFAULT"] = "default";
+  SelectMode2["SINGLE"] = "single";
   return SelectMode2;
 })(SelectMode || {});
 
@@ -308,6 +309,23 @@ const enforceActionsColumnHeader = (headers) => {
     console.error("Table component cannot have multiple action columns ");
   return headers.filter((h) => !h?.action).concat(actionsHeaders.length ? actionsHeaders[0] : []);
 };
+const getAlignClass = (header) => {
+  const align = !header.align ? "start" : header.align;
+  return `u-text-align-${align}`;
+};
+const getHeaderClasses = (header, sort) => {
+  const classes = [getAlignClass(header), "bms-table__header-cell"];
+  if (header.class) {
+    classes.push(header.class);
+  }
+  if (header.sortable) {
+    classes.push("sortable");
+  }
+  if (sort.key === header.key) {
+    classes.push("sorted");
+  }
+  return classes;
+};
 
 const _hoisted_1$$ = ["href", "target"];
 const _hoisted_2$G = ["href", "onClick", "target"];
@@ -95735,6 +95753,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const currentItem = computed(
+      () => props.isChildElement ? props.item.childElement : props.item
+    );
     const isItemSelected = (item) => {
       return props.selectMode === SelectMode.ALL || !!props.selectedItems.find((it) => _isEqual(item, it));
     };
@@ -95745,7 +95766,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("tr", {
         class: normalizeClass(["bms-table__row", {
-          "bms-table__row--selected": isItemSelected(__props.item),
+          "bms-table__row--selected": isItemSelected(currentItem.value),
           "bms-table__row--disabled": __props.isChildElement,
           "bms-table__row--dense": __props.dense
         }])
@@ -95757,12 +95778,20 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             activated: __props.selectMode === unref(SelectMode).ALL
           }, {
             default: withCtx(() => [
-              createVNode(UiBmsInputCheckbox, {
+              __props.selectMode === unref(SelectMode).SINGLE ? (openBlock(), createBlock(BmsInputRadio, {
+                key: 0,
+                name: unref(v4)(),
+                disabled: __props.selectableDisabled,
+                value: currentItem.value,
+                "model-value": isItemSelected(currentItem.value) ? currentItem.value : null,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("select", currentItem.value))
+              }, null, 8, ["name", "disabled", "value", "model-value"])) : (openBlock(), createBlock(UiBmsInputCheckbox, {
+                key: 1,
                 name: unref(v4)(),
                 disabled: __props.selectMode === unref(SelectMode).ALL || __props.selectableDisabled,
-                "model-value": isItemSelected(__props.item),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("select", __props.item))
-              }, null, 8, ["name", "disabled", "model-value"])
+                "model-value": isItemSelected(currentItem.value),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emits("select", currentItem.value))
+              }, null, 8, ["name", "disabled", "model-value"]))
             ]),
             _: 1
           }, 8, ["direction", "activated"])
@@ -95810,7 +95839,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-c6304837"]]);
+const UiBmsTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2ab3888f"]]);
 
 const _hoisted_1$b = { class: "bms-table" };
 const _hoisted_2$9 = { class: "bms-table__actions" };
@@ -95828,16 +95857,20 @@ const _hoisted_10$1 = {
   key: 0,
   class: "bms-table__loader"
 };
-const _hoisted_11$1 = { class: "bms-table__headers bms-table__row" };
-const _hoisted_12$1 = { key: 0 };
-const _hoisted_13$1 = ["onClick"];
-const _hoisted_14$1 = { class: "header-content" };
-const _hoisted_15$1 = { class: "bms-table__body" };
-const _hoisted_16$1 = {
+const _hoisted_11$1 = {
+  ref: "thead",
+  class: "bms-table__header"
+};
+const _hoisted_12$1 = { class: "bms-table__headers bms-table__row" };
+const _hoisted_13$1 = { key: 0 };
+const _hoisted_14$1 = ["onClick"];
+const _hoisted_15$1 = { class: "header-content" };
+const _hoisted_16$1 = { class: "bms-table__body" };
+const _hoisted_17 = {
   key: 1,
   class: "bms-table__row"
 };
-const _hoisted_17 = ["colspan"];
+const _hoisted_18 = ["colspan"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "UiBmsTable",
   props: /* @__PURE__ */ mergeModels({
@@ -95868,31 +95901,23 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const selectedItems = useModel(__props, "selectedItems");
     const emits = __emit;
     const pagination = ref(null);
-    const isHeaderStuck = ref(false);
-    const thead = ref(null);
-    const filteredHeaders = computed(() => {
-      return enforceActionsColumnHeader(props.headers);
-    });
+    const isFocusOnPagination = () => pagination.value?.contains(document.activeElement);
+    watch(
+      () => props.items,
+      async function keepFocusOnPaginationWhenUsed(newVal, oldVal) {
+        if (oldVal.length > 0 && newVal.length > 0 && isFocusOnPagination()) {
+          await nextTick();
+          pagination.value?.focus();
+        }
+      },
+      { deep: true }
+    );
+    const filteredHeaders = computed(
+      () => enforceActionsColumnHeader(props.headers)
+    );
     const tableClass = computed(
       () => `bms-table__table bms-table__table--${props.mode}`
     );
-    const getAlignClass = (header) => {
-      const align = !header.align ? "start" : header.align;
-      return `u-text-align-${align}`;
-    };
-    const getHeaderClasses = (header) => {
-      const classes = [getAlignClass(header), "bms-table__header-cell"];
-      if (header.class) {
-        classes.push(header.class);
-      }
-      if (header.sortable) {
-        classes.push("sortable");
-      }
-      if (props.sort.key === header.key) {
-        classes.push("sorted");
-      }
-      return classes;
-    };
     const getSortComponent = (header) => {
       if (!props.sort.key || header.key !== props.sort.key) {
         return ChevronsUpDown;
@@ -95906,41 +95931,19 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           return ChevronsUpDown;
       }
     };
-    const isFocusOnPagination = () => {
-      return pagination.value?.contains(document.activeElement);
-    };
-    watch(
-      () => props.items,
-      async (newVal, oldVal) => {
-        if (oldVal.length > 0 && newVal.length > 0 && isFocusOnPagination()) {
-          await nextTick();
-          pagination.value?.focus();
-        }
-      },
-      { deep: true }
-    );
-    onscroll = () => {
-      if (thead.value) {
-        const { top: theadTop } = thead.value.getBoundingClientRect();
-        const headers = document.getElementsByTagName("header");
-        if (headers.length > 0) {
-          const header = headers[0];
-          const { height: headerHeight } = header.getBoundingClientRect();
-          isHeaderStuck.value = headerHeight === theadTop;
-        }
-      }
-    };
-    const isItemSelected = (item) => {
-      return props.selectMode === SelectMode.ALL || !!selectedItems.value.find((it) => _isEqual(item, it));
-    };
+    const isItemSelected = (item) => props.selectMode === SelectMode.ALL || !!selectedItems.value.find((it) => _isEqual(item, it));
     const onItemSelect = (item) => {
-      if (isItemSelected(item)) {
-        selectedItems.value = selectedItems.value.filter(
-          (it) => !_isEqual(item, it)
-        );
-        areAllCurrentItemsSelected.value = false;
+      if (props.selectMode === SelectMode.SINGLE) {
+        selectedItems.value = [item];
       } else {
-        selectedItems.value.push(item);
+        if (isItemSelected(item)) {
+          selectedItems.value = selectedItems.value.filter(
+            (it) => !_isEqual(item, it)
+          );
+          areAllCurrentItemsSelected.value = false;
+        } else {
+          selectedItems.value.push(item);
+        }
       }
     };
     const areAllCurrentItemsSelected = ref(props.selectMode === SelectMode.ALL);
@@ -95952,7 +95955,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (props.selectMode === SelectMode.ALL) {
         emits("clearSelection");
       }
-      if (selectedItems.value.length > props.items.length) {
+      if (selectedItems.value.length > props.totalSize) {
         selectedItems.value = [];
       } else {
         if (!areAllCurrentItemsSelected.value) {
@@ -95960,11 +95963,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             if (!isItemSelected(item)) {
               selectedItems.value.push(item);
             }
+            if (item?.childElement && !isItemSelected(item?.childElement)) {
+              selectedItems.value.push(item.childElement);
+            }
           });
         } else {
-          selectedItems.value = selectedItems.value.filter(
-            (selectedItem) => !props.items.find((item) => _isEqual(item, selectedItem))
-          );
+          selectedItems.value = [];
         }
       }
     };
@@ -96037,7 +96041,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 _cache[1] || (_cache[1] = createElementVNode("strong", null, "1", -1)),
                 _cache[2] || (_cache[2] = createTextVNode(" élément du tableau est sélectionné. ", -1))
               ], 64)) : (openBlock(), createElementBlock("strong", _hoisted_8$2, toDisplayString(selectedItems.value.length) + " éléments du tableau sont sélectionnés. ", 1)),
-              __props.totalSize < __props.maxSelectedSize ? (openBlock(), createElementBlock("span", {
+              __props.totalSize < __props.maxSelectedSize && __props.selectMode !== unref(SelectMode).SINGLE ? (openBlock(), createElementBlock("span", {
                 key: 2,
                 class: "select-mode-all",
                 onClick: selectAll
@@ -96071,14 +96075,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             ref_key: "mainComponent",
             ref: mainComponent
           }, [
-            createElementVNode("thead", {
-              ref_key: "thead",
-              ref: thead,
-              class: normalizeClass(["bms-table__header", { stuck: isHeaderStuck.value }])
-            }, [
-              createElementVNode("tr", _hoisted_11$1, [
-                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_12$1, [
-                  createVNode(UiBmsInputCheckbox, {
+            createElementVNode("thead", _hoisted_11$1, [
+              createElementVNode("tr", _hoisted_12$1, [
+                __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_13$1, [
+                  __props.selectMode !== unref(SelectMode).SINGLE ? (openBlock(), createBlock(UiBmsInputCheckbox, {
+                    key: 0,
                     name: "select-all",
                     disabled: __props.items.length === 0 || __props.selectableDisabled,
                     "onUpdate:modelValue": [
@@ -96086,18 +96087,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                       _cache[0] || (_cache[0] = ($event) => areAllCurrentItemsSelected.value = $event)
                     ],
                     modelValue: areAllCurrentItemsSelected.value
-                  }, null, 8, ["disabled", "modelValue"])
+                  }, null, 8, ["disabled", "modelValue"])) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(filteredHeaders.value, (header) => {
                   return openBlock(), createElementBlock("th", {
                     style: normalizeStyle({
                       "--table-cell-width": header?.width || void 0
                     }),
-                    class: normalizeClass(getHeaderClasses(header)),
+                    class: normalizeClass(unref(getHeaderClasses)(header, __props.sort)),
                     key: header.label,
                     onClick: ($event) => emits("clickHeader", header)
                   }, [
-                    createElementVNode("span", _hoisted_14$1, [
+                    createElementVNode("span", _hoisted_15$1, [
                       createTextVNode(toDisplayString(header.label) + " ", 1),
                       header.sortable ? (openBlock(), createBlock(resolveDynamicComponent(getSortComponent(header)), {
                         key: 0,
@@ -96105,11 +96106,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                         class: "header-content-sort"
                       })) : createCommentVNode("", true)
                     ])
-                  ], 14, _hoisted_13$1);
+                  ], 14, _hoisted_14$1);
                 }), 128))
               ])
-            ], 2),
-            createElementVNode("tbody", _hoisted_15$1, [
+            ], 512),
+            createElementVNode("tbody", _hoisted_16$1, [
               __props.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item) => {
                 return openBlock(), createElementBlock(Fragment, { key: item }, [
                   createVNode(UiBmsTableRow, {
@@ -96144,7 +96145,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                       selectable: __props.selectable,
                       headers: filteredHeaders.value,
                       "select-mode": __props.selectMode,
-                      "selectable-disabled": __props.selectableDisabled
+                      "selectable-disabled": __props.selectableDisabled,
+                      onSelect: onItemSelect
                     }, createSlots({ _: 2 }, [
                       renderList(__props.headers, (cell) => {
                         return {
@@ -96157,7 +96159,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     ]), 1032, ["item", "selected-items", "selectable", "headers", "select-mode", "selectable-disabled"])
                   ], true) : createCommentVNode("", true)
                 ], 64);
-              }), 128)) : (openBlock(), createElementBlock("tr", _hoisted_16$1, [
+              }), 128)) : (openBlock(), createElementBlock("tr", _hoisted_17, [
                 createElementVNode("td", {
                   colspan: __props.selectable ? filteredHeaders.value.length + 1 : filteredHeaders.value.length,
                   class: "bms-table__cell bms-table__cell--empty"
@@ -96165,7 +96167,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   !props.loading ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
                     _cache[3] || (_cache[3] = createTextVNode("Aucune donnée", -1))
                   ], true) : createCommentVNode("", true)
-                ], 8, _hoisted_17)
+                ], 8, _hoisted_18)
               ]))
             ])
           ], 2)) : createCommentVNode("", true),
@@ -96183,7 +96185,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-9cbfc981"]]);
+const UiBmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-45f34152"]]);
 
 const _hoisted_1$a = { class: "filter-button-container" };
 const _hoisted_2$8 = {
@@ -102801,7 +102803,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       value: SortValue.default
     }) },
     selectable: { type: Boolean, default: false },
-    selectableDisabled: { type: Boolean, default: false }
+    selectableDisabled: { type: Boolean, default: false },
+    selectMode: { default: SelectMode.DEFAULT }
   }, {
     "selectedItems": {
       required: false,
@@ -102934,9 +102937,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const onClickHeader = (header) => {
       changeSort(header);
     };
+    const elementsAndChildElements = computed(() => {
+      const childElements = items.value.map((item) => item.childElement).filter((childElement) => !!childElement);
+      return [...items.value, ...childElements];
+    });
     const onSelectAll = () => {
-      selectedItems.value = items.value;
+      selectedItems.value = elementsAndChildElements.value;
     };
+    const totalSize = computed(() => elementsAndChildElements.value.length);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(UiBmsTable, {
         selectedItems: selectedItems.value,
@@ -102949,7 +102957,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         sort: unref(sort),
         selectable: __props.selectable,
         selectableDisabled: __props.selectableDisabled,
-        totalSize: unref(items).length,
+        totalSize: totalSize.value,
+        selectMode: __props.selectMode,
         onClickHeader,
         onSelectAll
       }, createSlots({
@@ -103044,12 +103053,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1032, ["selectedItems", "loading", "items", "headers", "mode", "hasFilters", "sort", "selectable", "selectableDisabled", "totalSize"]);
+      ]), 1032, ["selectedItems", "loading", "items", "headers", "mode", "hasFilters", "sort", "selectable", "selectableDisabled", "totalSize", "selectMode"]);
     };
   }
 });
 
-const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-2f003e4e"]]);
+const BmsTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-704a7453"]]);
 
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "BmsCocarde",
@@ -105954,5 +105963,5 @@ const createBmsUi = () => ({
   }
 });
 
-export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1n as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsFloatingWindow, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1m as BmsIconButton, _sfc_main$15 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$$ as BmsInputDateTime, BmsInputFile, _sfc_main$Z as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$10 as BmsInputText, BmsInputToggle, _sfc_main$1q as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$g as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerAutocomplete, BmsServerTable, BmsShortLinkMenu, BmsSplitWindow, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
+export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1n as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsFixedMenu, BmsFloatingWindow, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1m as BmsIconButton, _sfc_main$15 as BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$$ as BmsInputDateTime, BmsInputFile, _sfc_main$Z as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$10 as BmsInputText, BmsInputToggle, _sfc_main$1q as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsMultiSelect, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$g as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerAutocomplete, BmsServerTable, BmsShortLinkMenu, BmsSplitWindow, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ColumnType, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getHeaderClasses, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
 //# sourceMappingURL=sipa-bms-ui.es.js.map