@ouestfrance/sipa-bms-ui 8.16.0 → 8.18.0

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

@@ -2,6 +2,11 @@ import { Tab } from '../../models/tab.model';
 type __VLS_Props = {
     title: string;
     tabs: Tab[];
+    initialTabId?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (tab: Tab) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((tab: Tab) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import { Tab } from '../../models/tab.model';
-import { RouteLocation } from 'vue-router';
 type __VLS_Props = {
-    currentRoute: RouteLocation;
+    selectedTabId: string | null;
     tab: Tab;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>, {
+    router?(_: {
+        tab: Tab;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,21 @@
+import { Tab } from '../../models/tab.model';
+type __VLS_Props = {
+    title: string;
+    tabs: Tab[];
+    initialTabId?: string | null;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    router?(_: {
+        tab: Tab;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import { Filter, SavedFilter, Sort, TableHeader } from '../../models';
+import { Filter, SavedFilter, SelectMode, Sort, TableHeader } from '../../models';
 interface UiTableProps {
     disableSearch?: boolean;
     headers: TableHeader[];
@@ -15,6 +15,7 @@ interface UiTableProps {
     defaultSort?: Sort;
     selectable?: boolean;
     selectableDisabled?: boolean;
+    selectMode?: SelectMode.DEFAULT | SelectMode.SINGLE;
 }
 type __VLS_Props = UiTableProps;
 declare const __VLS_defaults: {
@@ -54,6 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: number;
     filters: Filter[];
     selectable: boolean;
+    selectMode: SelectMode.DEFAULT | SelectMode.SINGLE;
     selectableDisabled: boolean;
     pagination: number[];
     canSaveFilters: boolean;

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

@@ -1,7 +1,7 @@
 import { SelectMode, Sort, TableHeader } from '../../models';
 interface UiBmsTableProps {
     headers: TableHeader[];
-    items: unknown[];
+    items: any[];
     mode?: 'normal' | 'dense';
     loading?: boolean;
     hasFilters?: boolean;

package/dist/helpers/tab.helper.d.ts

@@ -0,0 +1,2 @@
+import { Tab } from '../models';
+export declare const getTabId: (tab: Tab) => string;

package/dist/helpers/table.helper.d.ts

@@ -14,3 +14,4 @@ export declare const getFiltersAsQueryParams: (params: {
     sort?: Sort;
 }) => any;
 export declare const enforceActionsColumnHeader: (headers: TableHeader[]) => TableHeader[];
+export declare const getHeaderClasses: (header: TableHeader, sort: Sort) => string[];

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

@@ -1,7 +1,12 @@
 export interface Tab {
     routePath?: string;
     routeName?: string;
+    id?: string;
     name: string;
     disabled?: boolean;
     error?: boolean;
 }
+export interface RouteTab extends Tab {
+    routePath?: string;
+    routeName?: string;
+}

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

@@ -59,5 +59,6 @@ export interface SavedFilter {
 }
 export declare enum SelectMode {
     ALL = "all",
-    DEFAULT = "default"
+    DEFAULT = "default",
+    SINGLE = "single"
 }

package/dist/sipa-bms-ui.css

@@ -1415,7 +1415,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-9bfb3c86] {
+}.floating-window-wrapper[data-v-fdb4e567] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1429,7 +1429,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window[data-v-fdb4e567] {
   background-color: var(--bms-white);
   height: 100%;
   width: 100%;
@@ -1439,24 +1439,25 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   display: grid;
   grid-template-rows: auto 1fr;
   box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
+  z-index: var(--bms-z-index-modal);
 }
-.floating-window-wrapper .floating-window__header[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__header[data-v-fdb4e567] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-10);
   padding: 1em;
 }
-.floating-window-wrapper .floating-window__header h2[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__header h2[data-v-fdb4e567] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-9bfb3c86] {
+.floating-window-wrapper .floating-window__content[data-v-fdb4e567] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-9bfb3c86] {
+.floating-window[data-v-fdb4e567] {
     max-height: 300px;
     max-width: 80%;
 }
@@ -2006,42 +2007,48 @@ nav .additional[data-v-8b4752b4] {
 .menu-slide-left-fade-enter-from .menu__container[data-v-02719cac],
 .menu-slide-left-fade-leave-to .menu__container[data-v-02719cac] {
   transform: translate3d(-10%, 0, 0);
-}.tab[data-v-d2f6b84b] {
+}.tab[data-v-b6feec3b] {
   --tab-border-color: transparent;
   --tab-color: var(--bms-font-color);
   color: var(--tab-color);
   text-decoration: none;
   border-bottom: 4px solid var(--tab-border-color);
   padding: 0 8px 16px 8px;
+  cursor: pointer;
+}
+.tab[data-v-b6feec3b] a {
+  color: var(--tab-color);
+  text-decoration: none;
 }
-.tab[data-v-d2f6b84b]:hover, .tab__hover[data-v-d2f6b84b] {
+.tab[data-v-b6feec3b]:hover, .tab__hover[data-v-b6feec3b] {
   --tab-border-color: var(--bms-main-50);
+  text-decoration: none;
 }
-.tab.active[data-v-d2f6b84b] {
+.tab.active[data-v-b6feec3b] {
   --tab-border-color: var(--bms-main-100);
 }
-.tab.disabled[data-v-d2f6b84b] {
+.tab.disabled[data-v-b6feec3b] {
   --tab-border-color: var(transparent);
   --tab-color: var(--bms-grey-50);
   pointer-events: none;
 }
-.tab.error[data-v-d2f6b84b] {
+.tab.error[data-v-b6feec3b] {
   --tab-border-color: var(--bms-danger-color);
   --tab-color: var(--bms-danger-color);
-}.tabs-header[data-v-f862fbda] {
+}.tabs-header[data-v-9f2a5368] {
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-25);
   box-sizing: border-box;
 }
-.tabs-header .tabs-title[data-v-f862fbda] {
+.tabs-header .tabs-title[data-v-9f2a5368] {
   margin-right: auto;
   margin-bottom: 16px;
 }
-.tabs-header .tabs-title h3[data-v-f862fbda] {
+.tabs-header .tabs-title h3[data-v-9f2a5368] {
   margin: 0;
 }
-.tabs-header a[data-v-f862fbda] {
+.tabs-header span[data-v-9f2a5368] {
   position: relative;
   top: 1px;
 }.ui-menu[data-v-a5b2b7f5] {
@@ -2243,47 +2250,47 @@ nav .additional[data-v-8b4752b4] {
 .bms-pagination__select[data-v-e10f3b80] .field__wrapper {
   min-width: 10em;
   width: 10em;
-}.bms-table__row[data-v-c6304837] {
+}.bms-table__row[data-v-2ab3888f] {
   --table-cell-padding: 1em;
   background-color: rgb(255, 255, 255);
 }
-.bms-table__row td[data-v-c6304837] {
+.bms-table__row td[data-v-2ab3888f] {
   padding: var(--table-cell-padding);
   background-color: rgb(255, 255, 255);
 }
-.bms-table__row--dense[data-v-c6304837] {
+.bms-table__row--dense[data-v-2ab3888f] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__row--selected[data-v-c6304837] td {
+.bms-table__row--selected[data-v-2ab3888f] td {
   background-color: var(--bms-main-10);
 }
-.bms-table__row--disabled td[data-v-c6304837] {
+.bms-table__row--disabled td[data-v-2ab3888f] {
   color: var(--bms-grey-50);
 }
-.bms-table__row__cell__checkbox[data-v-c6304837] {
+.bms-table__row__cell__checkbox[data-v-2ab3888f] {
   width: 4em;
 }
-.bms-table__row__cell--action[data-v-c6304837] {
+.bms-table__row__cell--action[data-v-2ab3888f] {
   display: flex;
   justify-content: end;
 }
-.bms-table__row__cell--empty[data-v-c6304837] {
+.bms-table__row__cell--empty[data-v-2ab3888f] {
   height: 360px;
 }
-.bms-table__row__cell--child-element[data-v-c6304837] {
+.bms-table__row__cell--child-element[data-v-2ab3888f] {
   display: inline-flex;
   align-items: flex-end;
 }
-.bms-table__row__cell--child-element__icon[data-v-c6304837] {
+.bms-table__row__cell--child-element__icon[data-v-2ab3888f] {
   display: flex;
   margin-right: 1em;
-}.bms-table[data-v-9cbfc981] {
+}.bms-table[data-v-45f34152] {
   --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-9cbfc981] {
+.bms-table__loader[data-v-45f34152] {
   position: absolute;
   background: rgba(255, 255, 255, 0.72);
   inset: 0;
@@ -2293,110 +2300,110 @@ nav .additional[data-v-8b4752b4] {
   font-size: 3em;
   z-index: 10;
 }
-.bms-table__actions[data-v-9cbfc981] {
+.bms-table__actions[data-v-45f34152] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
 }
-.bms-table__actions__saved-filters[data-v-9cbfc981] {
+.bms-table__actions__saved-filters[data-v-45f34152] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 1em;
 }
-.bms-table__actions__search[data-v-9cbfc981] {
+.bms-table__actions__search[data-v-45f34152] {
   display: flex;
   align-items: center;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-9cbfc981] {
+.bms-table__actions__custom[data-v-45f34152] {
   display: flex;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-9cbfc981]:empty {
+.bms-table__actions__custom[data-v-45f34152]:empty {
   display: none;
 }
-.bms-table__selected[data-v-9cbfc981] {
+.bms-table__selected[data-v-45f34152] {
   margin-bottom: 1em;
 }
-.bms-table__selected .select-mode-all[data-v-9cbfc981] {
+.bms-table__selected .select-mode-all[data-v-45f34152] {
   cursor: pointer;
   color: var(--bms-main-100);
 }
-.bms-table__cell__checkbox[data-v-9cbfc981] {
+.bms-table__cell__checkbox[data-v-45f34152] {
   width: 4em;
 }
-.bms-table__cell--action[data-v-9cbfc981] {
+.bms-table__cell--action[data-v-45f34152] {
   display: flex;
   justify-content: end;
 }
-.bms-table__cell--empty[data-v-9cbfc981] {
+.bms-table__cell--empty[data-v-45f34152] {
   height: 360px;
 }
-.bms-table__table[data-v-9cbfc981] {
+.bms-table__table[data-v-45f34152] {
   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-9cbfc981] {
+.bms-table__table-wrapper[data-v-45f34152] {
   position: relative;
 }
-.bms-table__table thead[data-v-9cbfc981] {
+.bms-table__table thead[data-v-45f34152] {
   position: sticky;
   z-index: 2;
   top: var(--header-height, 0);
 }
-.bms-table__table--dense[data-v-9cbfc981] {
+.bms-table__table--dense[data-v-45f34152] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__table[data-v-9cbfc981] tr td {
+.bms-table__table[data-v-45f34152] tr td {
   padding: var(--table-cell-padding);
 }
-.bms-table__table th[data-v-9cbfc981] {
+.bms-table__table th[data-v-45f34152] {
   --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-9cbfc981]:hover {
+.bms-table__table th.sortable[data-v-45f34152]:hover {
   --header-content-sort-icon-color: var(--bms-grey-100);
   cursor: pointer;
 }
-.bms-table__table th.u-text-align-start[data-v-9cbfc981] {
+.bms-table__table th.u-text-align-start[data-v-45f34152] {
   --header-content-justify: start;
 }
-.bms-table__table th.u-text-align-center[data-v-9cbfc981] {
+.bms-table__table th.u-text-align-center[data-v-45f34152] {
   --header-content-justify: center;
 }
-.bms-table__table th.u-text-align-end[data-v-9cbfc981] {
+.bms-table__table th.u-text-align-end[data-v-45f34152] {
   --header-content-justify: end;
 }
-.bms-table__table th.sorted[data-v-9cbfc981] {
+.bms-table__table th.sorted[data-v-45f34152] {
   --header-content-sort-icon-color: var(--bms-grey-100);
 }
-.bms-table__table th .header-content[data-v-9cbfc981] {
+.bms-table__table th .header-content[data-v-45f34152] {
   display: flex;
   align-items: center;
   justify-content: var(--header-content-justify);
   gap: 0.5em;
 }
-.bms-table__table th .header-content-sort[data-v-9cbfc981] {
+.bms-table__table th .header-content-sort[data-v-45f34152] {
   color: var(--header-content-sort-icon-color);
 }
-.bms-table__footer[data-v-9cbfc981] {
+.bms-table__footer[data-v-45f34152] {
   padding-top: 16px;
 }
-.bms-table .blob[data-v-9cbfc981] {
+.bms-table .blob[data-v-45f34152] {
   visibility: hidden;
   --table-blob-height: 80px;
 }
-.bms-table .blob.dense[data-v-9cbfc981] {
+.bms-table .blob.dense[data-v-45f34152] {
   --table-blob-height: 50px;
 }
-.bms-table .blob[data-v-9cbfc981] {
+.bms-table .blob[data-v-45f34152] {
   width: 200px;
   height: var(--table-blob-height);
   background-color: var(--bms-main-50);
@@ -2405,35 +2412,29 @@ nav .additional[data-v-8b4752b4] {
   z-index: -5;
   filter: blur(20px);
 }
-[data-v-9cbfc981] table {
+[data-v-45f34152] table {
   padding: 0 var(--dynamic-border-height);
 }
-[data-v-9cbfc981] table th:first-child {
+[data-v-45f34152] table th:first-child {
   border-top-left-radius: var(--table-cell-radius);
 }
-[data-v-9cbfc981] table .stuck th:first-child {
-  border-top-left-radius: 0;
-}
-[data-v-9cbfc981] table .stuck th:last-child {
-  border-top-right-radius: 0;
-}
-[data-v-9cbfc981] table th:last-child {
+[data-v-45f34152] table th:last-child {
   border-top-right-radius: var(--table-cell-radius);
 }
-[data-v-9cbfc981] table tr:last-child td:first-child {
+[data-v-45f34152] table tr:last-child td:first-child {
   border-bottom-left-radius: var(--table-cell-radius);
 }
-[data-v-9cbfc981] table tr:last-child td:last-child {
+[data-v-45f34152] table tr:last-child td:last-child {
   border-bottom-right-radius: var(--table-cell-radius);
 }
-[data-v-9cbfc981] table th {
+[data-v-45f34152] table th {
   background-color: rgb(255, 255, 255);
 }
-[data-v-9cbfc981] table tbody {
+[data-v-45f34152] table tbody {
   overflow: hidden;
   background: white;
 }
-[data-v-9cbfc981] table tbody tr {
+[data-v-45f34152] table tbody tr {
   position: relative;
 }.filter-button-container[data-v-6047ada7] {
   position: relative;
@@ -2508,7 +2509,7 @@ nav .additional[data-v-8b4752b4] {
   padding-right: 32px;
 }.table-search[data-v-c27df335] {
   width: 260px;
-}.table-search[data-v-2f003e4e] {
+}.table-search[data-v-704a7453] {
   width: 260px;
 }.cocarde[data-v-d1c7b421] {
   display: flex;