@ouestfrance/sipa-bms-ui 8.49.0 → 8.51.0

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

@@ -18,6 +18,7 @@ interface UiTableProps {
     selectMode?: SelectMode.DEFAULT | SelectMode.SINGLE;
     customSearch?: (item: unknown, searchValue: string) => boolean;
     draggable?: boolean;
+    searchDefault?: string;
 }
 type __VLS_Props = UiTableProps;
 declare const __VLS_defaults: {

package/dist/composables/search.composable.d.ts

@@ -1,6 +1,6 @@
 import { Filter, SavedFilter } from '../models';
 import { Ref } from 'vue';
-export declare const useSearch: (persistent?: boolean | Ref<boolean>, defaultFilters?: Filter[] | Ref<Filter[]>, defaultFiltersOpened?: boolean | Ref<boolean>) => {
+export declare const useSearch: (persistent?: boolean | Ref<boolean>, defaultFilters?: Filter[] | Ref<Filter[]>, defaultFiltersOpened?: boolean | Ref<boolean>, defaultSearch?: string | undefined | Ref<string | undefined>) => {
     search: Ref<string, string>;
     reflect: Ref<boolean, boolean>;
     filters: Ref<{

package/dist/sipa-bms-ui.css

@@ -427,15 +427,15 @@
   left: 50%;
   transform: translateX(-50%);
   width: 1em;
-}.bms-switch-icon-button[data-v-6751139f] {
+}.bms-switch-icon-button[data-v-72b8f219] {
   position: relative;
   display: inline-flex;
   border-radius: var(--bms-border-radius, 0.25em);
 }
-.bms-switch-icon-button[data-v-6751139f]:hover:not(.bms-switch-icon-button--disabled) {
+.bms-switch-icon-button[data-v-72b8f219]:hover:not(.bms-switch-icon-button--disabled) {
   background-color: light-dark(var(--bms-main-25), var(--bms-grey-140));
 }
-.bms-switch-icon-button__button[data-v-6751139f] {
+.bms-switch-icon-button__button[data-v-72b8f219] {
   display: flex;
   align-items: center;
   gap: 0.25em;
@@ -446,26 +446,26 @@
   border-radius: inherit;
   transition: background-color 0.2s;
 }
-.bms-switch-icon-button__button[data-v-6751139f]:hover:not(.bms-switch-icon-button__button--disabled) {
+.bms-switch-icon-button__button[data-v-72b8f219]:hover:not(.bms-switch-icon-button__button--disabled) {
   background-color: light-dark(var(--bms-main-25), var(--bms-grey-140));
 }
-.bms-switch-icon-button__button--disabled[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled[data-v-72b8f219] {
   cursor: default;
 }
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   background-color: var(--bms-field-disabled-background);
 }
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon[data-v-6751139f],
-.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__chevron[data-v-6751139f] {
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__icon[data-v-72b8f219],
+.bms-switch-icon-button__button--disabled .bms-switch-icon-button__button__chevron[data-v-72b8f219] {
   color: var(--bms-field-disabled-text-color);
 }
-.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   background-color: inherit;
 }
-.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon[data-v-6751139f] {
+.bms-switch-icon-button__button--outlined .bms-switch-icon-button__button__icon[data-v-72b8f219] {
   color: var(--bms-main-100);
 }
-.bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -475,24 +475,24 @@
   transition: background-color 0.2s;
   background-color: var(--bms-main-100);
 }
-.bms-switch-icon-button__button:not(.bms-switch-icon-button__button--small) .bms-switch-icon-button__button__icon-container[data-v-6751139f] {
+.bms-switch-icon-button__button:not(.bms-switch-icon-button__button--small) .bms-switch-icon-button__button__icon-container[data-v-72b8f219] {
   width: 2.25em;
   height: 2.25em;
 }
-.bms-switch-icon-button__button__icon[data-v-6751139f] {
+.bms-switch-icon-button__button__icon[data-v-72b8f219] {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--bms-white);
 }
-.bms-switch-icon-button__button__chevron[data-v-6751139f] {
+.bms-switch-icon-button__button__chevron[data-v-72b8f219] {
   display: flex;
   align-items: center;
   color: var(--bms-main-100);
   flex-shrink: 0;
   transition: color 0.2s;
 }
-.bms-switch-icon-button__menu[data-v-6751139f] {
+.bms-switch-icon-button__menu[data-v-72b8f219] {
   position: absolute;
   background-color: var(--bms-white);
   border: 1px solid var(--bms-border-color);
@@ -506,7 +506,7 @@
   box-shadow: var(--bms-box-shadow-elevated);
   width: max-content;
 }
-.bms-switch-icon-button__menu__item[data-v-6751139f] {
+.bms-switch-icon-button__menu__item[data-v-72b8f219] {
   min-height: 2.5em;
   padding: 0.5em 1em;
   display: flex;
@@ -517,27 +517,27 @@
   width: 100%;
   box-sizing: border-box;
 }
-.bms-switch-icon-button__menu__item[data-v-6751139f]:hover {
+.bms-switch-icon-button__menu__item[data-v-72b8f219]:hover {
   background-color: light-dark(var(--bms-grey-10), var(--bms-grey-100));
 }
-.bms-switch-icon-button__menu__item__check[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__check[data-v-72b8f219] {
   flex-shrink: 0;
   color: var(--bms-font-color);
   width: 1em;
   height: 1em;
 }
-.bms-switch-icon-button__menu__item__check-placeholder[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__check-placeholder[data-v-72b8f219] {
   width: 1em;
   height: 1em;
   flex-shrink: 0;
 }
-.bms-switch-icon-button__menu__item__icon[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__icon[data-v-72b8f219] {
   flex-shrink: 0;
   color: var(--bms-font-color);
   width: 1em;
   height: 1em;
 }
-.bms-switch-icon-button__menu__item__label[data-v-6751139f] {
+.bms-switch-icon-button__menu__item__label[data-v-72b8f219] {
   white-space: nowrap;
   font-size: 0.875em;
   color: var(--bms-font-color);
@@ -3140,7 +3140,7 @@ nav .additional[data-v-43dce565] {
   padding-right: 32px;
 }.table-search[data-v-c674a0d1] {
   width: 260px;
-}.table-search[data-v-9ae7d971] {
+}.table-search[data-v-e5a8eec2] {
   width: 260px;
 }.cocarde[data-v-f48ea977] {
   display: flex;

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

@@ -1,4 +1,4 @@
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, getCurrentScope, guardReactiveProps, h, hasInjectionContext, inject, isRef, isVNode, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useAttrs, useCssVars, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelRadio, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, getCurrentScope, guardReactiveProps, h, hasInjectionContext, inject, isRef, isVNode, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, toValue, unref, useAttrs, useCssVars, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelRadio, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -55115,13 +55115,17 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		const props = __props;
 		const emits = __emit;
 		const isOpen = ref(false);
+		const openUpward = ref(true);
 		const anchorElement = useTemplateRef("anchorElement");
 		const menuElement = useTemplateRef("menuElement");
-		const { height } = useElementBounding(anchorElement);
-		const menuStyle = computed(() => ({ bottom: `${height.value}px` }));
+		const { height, top, bottom } = useElementBounding(anchorElement);
+		const menuStyle = computed(() => openUpward.value ? { bottom: `${height.value}px` } : { top: `${height.value}px` });
 		const selectedOption = computed(() => props.options.find((option) => option.value === props.modelValue));
 		const toggleMenu = () => {
-			if (!props.disabled) isOpen.value = !isOpen.value;
+			if (!props.disabled) {
+				if (!isOpen.value) openUpward.value = top.value > window.innerHeight - bottom.value;
+				isOpen.value = !isOpen.value;
+			}
 		};
 		const selectOption = (value) => {
 			emits("update:modelValue", value);
@@ -55151,7 +55155,7 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				key: 0,
 				size: 16,
 				class: "bms-switch-icon-button__button__icon"
-			})) : createCommentVNode("", true)]), !isOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
+			})) : createCommentVNode("", true)]), openUpward.value !== isOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
 				key: 0,
 				size: 10,
 				class: "bms-switch-icon-button__button__chevron"
@@ -55185,7 +55189,7 @@ var BmsSwitchIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}), 128))], 4), [[vShow, isOpen.value]])], 2);
 		};
 	}
-}), [["__scopeId", "data-v-6751139f"]]);
+}), [["__scopeId", "data-v-72b8f219"]]);
 //#endregion
 //#region src/components/feedback/BmsAlert.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$63 = { class: "info-line" };
@@ -110268,11 +110272,11 @@ var numberIsBetween = (itemValue, filter) => {
 //#region src/composables/search.composable.ts
 var FILTER_KEY = "bms-ui-filter";
 var FILTER_SEARCH_KEY = `${FILTER_KEY}-search`;
-var useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened = false) => {
+var useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened = false, defaultSearch = "") => {
 	const route = useRoute();
 	const userPref = useUserPref();
 	const reflect = ref(unref(persistent));
-	const search = ref("");
+	const search = ref(unref(defaultSearch) ?? "");
 	const filters = ref(unref(defaultFilters));
 	const isFilterVisible = ref(unref(defaultFiltersOpened));
 	const isMounting = ref(true);
@@ -110348,6 +110352,9 @@ var useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened =
 			userPref.saveUserPref(savedFilterName, filter.value, route.path);
 		});
 	};
+	watch(() => unref(defaultSearch), (newDefault) => {
+		search.value = newDefault ?? "";
+	});
 	watch(search, () => {
 		if (reflect.value) {
 			reflectSearchToPath(search.value, FILTER_SEARCH_KEY);
@@ -110364,7 +110371,7 @@ var useSearch = (persistent = true, defaultFilters = [], defaultFiltersOpened =
 		if (reflect.value) {
 			const searchParams = new URLSearchParams(window.location.search);
 			if (searchParams.get(FILTER_SEARCH_KEY)) search.value = searchParams.get(FILTER_SEARCH_KEY) || "";
-			if (!search.value && !hasFiltersInUrl()) search.value = userPref.getUserPref(FILTER_SEARCH_KEY, route.path) || "";
+			else if (!hasFiltersInUrl()) search.value = userPref.getUserPref(FILTER_SEARCH_KEY, route.path) || unref(defaultSearch) || "";
 		}
 	};
 	const resetAllFilters = () => {
@@ -114538,7 +114545,8 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		},
 		selectMode: { default: SelectMode.DEFAULT },
 		customSearch: {},
-		draggable: { type: Boolean }
+		draggable: { type: Boolean },
+		searchDefault: {}
 	}, {
 		"selectedItems": {
 			required: false,
@@ -114559,7 +114567,7 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const props = __props;
 		const { items, size, pagination, currentPage, paginationsOptions, currentItems, totalPages, goToPage, isMounting: isPaginationMounting } = usePagination(props.persistent, props.size, props.pagination);
 		const { sortItems, changeSort, sort, isMounting: isSortMounting } = useSort(props.persistent, props.headers, props.defaultSort);
-		const { search, reflect, filters, isFilterVisible, numberOfActiveFilters, isMounting: isSearchMounting, toggleFilters, filterItems, isSavedFilterActive, resetFilters, selectSavedFilter, resetAllFilters, updateFiltersFromProps } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened);
+		const { search, reflect, filters, isFilterVisible, numberOfActiveFilters, isMounting: isSearchMounting, toggleFilters, filterItems, isSavedFilterActive, resetFilters, selectSavedFilter, resetAllFilters, updateFiltersFromProps } = useSearch(props.persistent, props.filters, props.defaultFiltersOpened, toRef(props, "searchDefault"));
 		const emits = __emit;
 		const selectedItems = useModel(__props, "selectedItems");
 		const emptyText = computed(() => ({
@@ -114761,7 +114769,7 @@ var BmsTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-9ae7d971"]]);
+}), [["__scopeId", "data-v-e5a8eec2"]]);
 //#endregion
 //#region src/components/utils/BmsCocarde.vue
 var BmsCocarde_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({