@ouestfrance/sipa-bms-ui 7.14.1 → 7.14.2

package/README.md

@@ -7,9 +7,12 @@ Librairie de composants et plugins VueJS pour les projets de l'équipe BMS du gr
 Installer d'abord la librairie avec votre package manager préféré :
 
 ```
-npm i -D sipa-bms-ui
+npm i -D @ouestfrance/sipa-bms-ui
 ```
 
+> [!NOTE]
+> depuis la version 7.14.1 nous avons migré dans l'organisation @ouestfrance. Le nom du package est passé de 'sipa-bms-ui' à @ouestfrance/sipa-bms-ui.
+
 > Attention, cette librairie n'est pas compatible Vue 2 et n'embarque pas le runtime de Vue. Il faut que votre application importe elle-même Vue 3.
 
 > Autre pré-requis: Utiliser vue-router comme router par défaut
@@ -40,17 +43,17 @@ Dans le backoffice
 
 ```
   "devDependencies": {
-    "sipa-bms-ui": "file:../platform-library-vuejs-bms",
+    "@ouestfrance/sipa-bms-ui": "file:../platform-library-vuejs-bms",
   }
 ```
 
 ### Méthode _on-demand_ tree-shakeable
 
-À l'intérieur de votre composant, importer ce que vous souhaitez depuis le paquet `sipa-bms-ui` :
+À l'intérieur de votre composant, importer ce que vous souhaitez depuis le paquet `@ouestfrance/sipa-bms-ui` :
 
 ```vue
 <script setup lang="ts">
-import { BmsButton } from 'sipa-bms-ui';
+import { BmsButton } from '@ouestfrance/sipa-bms-ui';
 </script>
 
 <template>
@@ -66,7 +69,7 @@ Pour la méthode globale, dans votre fichier de montage, il faut importer et uti
 
 ```typescript
 import { createApp } from 'vue';
-import { createBmsUi } from 'sipa-bms-ui';
+import { createBmsUi } from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 createApp(App).use(createBmsUi()).mount('#app');
@@ -96,7 +99,7 @@ import {
   confirmPlugin,
   routerHistoryPlugin,
   featureFlipperPlugin,
-} from 'sipa-bms-ui';
+} from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 createApp(App)
@@ -132,7 +135,7 @@ Dans le composant racine, tel que App.vue ou autre
 ```
 
 ```typescript
-import { useNotifications } from 'sipa-bms-ui';
+import { useNotifications } from '@ouestfrance/sipa-bms-ui';
 
 const { success, error } = useNotifications();
 
@@ -158,7 +161,7 @@ Dans le composant racine, tel que App.vue ou autre
 ```
 
 ```typescript
-import { useConfirm } from 'sipa-bms-ui';
+import { useConfirm } from '@ouestfrance/sipa-bms-ui';
 
 const { confirm } = useConfirm();
 
@@ -217,7 +220,7 @@ main.ts
 
 ```typescript
 import { createApp } from 'vue';
-import { createRuntimeEnv, fetchRuntimeEnv } from 'sipa-bms-ui';
+import { createRuntimeEnv, fetchRuntimeEnv } from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 const app = createApp(App);
@@ -232,7 +235,7 @@ fetchRuntimeEnv<{ MY_URL: string }>().then((env) => {
 MyComponent.vue
 
 ```typescript
-import { useRuntimeEnv } from 'sipa-bms-ui';
+import { useRuntimeEnv } from '@ouestfrance/sipa-bms-ui';
 
 const env = useRuntimeEnv();
 console.log(env.MY_URL);
@@ -247,7 +250,10 @@ Voici un exemple d'initialisation d'une authentification Keycloak.
 main.ts
 
 ```typescript
-import { keycloakAuthAdapter, keycloakAuthAdapterInit } from 'sipa-bms-ui';
+import {
+  keycloakAuthAdapter,
+  keycloakAuthAdapterInit,
+} from '@ouestfrance/sipa-bms-ui';
 
 keycloakAuthAdapterInit({
   keycloakOptions: {
@@ -271,7 +277,7 @@ keycloakAuthAdapterInit({
 MyComponent.vue
 
 ```typescript
-import { useKeycloakAuthAdapter } from 'sipa-bms-ui';
+import { useKeycloakAuthAdapter } from '@ouestfrance/sipa-bms-ui';
 
 const { auth } = useKeycloakAuthAdapter();
 const onClick = () => auth?.value?.logout();

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.10.1'
+const PACKAGE_VERSION = '2.10.2'
 const INTEGRITY_CHECKSUM = 'f5825c521429caf22a4dd13b66e243af'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -1348,17 +1348,17 @@ input[type=radio][data-v-cb26402d]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.form-section[data-v-bc297639] {
+}.form-section[data-v-b5bab57e] {
   display: flex;
   flex-direction: column;
   gap: 1em;
 }
-.form-section section[data-v-bc297639] {
+.form-section section[data-v-b5bab57e] {
   display: flex;
   flex-direction: column;
   gap: 0.5em;
 }
-.form-section .actions[data-v-bc297639] {
+.form-section .actions[data-v-b5bab57e] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -2062,13 +2062,13 @@ nav .additional[data-v-f1abaa99] {
 .bms-pagination__select[data-v-e10f3b80] .field__wrapper {
   min-width: 10em;
   width: 10em;
-}.bms-table[data-v-9ea22d5f] {
+}.bms-table[data-v-54404d98] {
   --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-9ea22d5f] {
+.bms-table__loader[data-v-54404d98] {
   position: absolute;
   background: rgba(255, 255, 255, 0.72);
   inset: 0;
@@ -2078,100 +2078,103 @@ nav .additional[data-v-f1abaa99] {
   font-size: 3em;
   z-index: 10;
 }
-.bms-table__actions[data-v-9ea22d5f] {
+.bms-table__actions[data-v-54404d98] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
 }
-.bms-table__actions__saved-filters[data-v-9ea22d5f] {
+.bms-table__actions__saved-filters[data-v-54404d98] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 1em;
 }
-.bms-table__actions__search[data-v-9ea22d5f] {
+.bms-table__actions__search[data-v-54404d98] {
   display: flex;
   align-items: center;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-9ea22d5f] {
+.bms-table__actions__custom[data-v-54404d98] {
   display: flex;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-9ea22d5f]:empty {
+.bms-table__actions__custom[data-v-54404d98]:empty {
   display: none;
 }
-.bms-table__selected[data-v-9ea22d5f] {
+.bms-table__selected[data-v-54404d98] {
   margin-bottom: 1em;
 }
-.bms-table__selected .select-mode-all[data-v-9ea22d5f] {
+.bms-table__selected .select-mode-all[data-v-54404d98] {
   cursor: pointer;
   color: var(--bms-main-100);
 }
-.bms-table__cell--action[data-v-9ea22d5f] {
+.bms-table__cell__checkbox[data-v-54404d98] {
+  width: 4em;
+}
+.bms-table__cell--action[data-v-54404d98] {
   display: flex;
   justify-content: end;
 }
-.bms-table__cell--empty[data-v-9ea22d5f] {
+.bms-table__cell--empty[data-v-54404d98] {
   height: 360px;
 }
-.bms-table__table[data-v-9ea22d5f] {
+.bms-table__table[data-v-54404d98] {
   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-9ea22d5f] {
+.bms-table__table-wrapper[data-v-54404d98] {
   position: relative;
 }
-.bms-table__table thead[data-v-9ea22d5f] {
+.bms-table__table thead[data-v-54404d98] {
   position: sticky;
   z-index: 2;
   top: var(--header-height, 0);
 }
-.bms-table__table--dense[data-v-9ea22d5f] {
+.bms-table__table--dense[data-v-54404d98] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__table[data-v-9ea22d5f] tr td {
+.bms-table__table[data-v-54404d98] tr td {
   padding: var(--table-cell-padding);
 }
-.bms-table__table[data-v-9ea22d5f] tr th {
+.bms-table__table[data-v-54404d98] tr th {
   --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[data-v-9ea22d5f] tr th.sortable:hover {
+.bms-table__table[data-v-54404d98] tr th.sortable:hover {
   --header-content-sort-icon-color: var(--bms-grey-100);
   cursor: pointer;
 }
-.bms-table__table[data-v-9ea22d5f] tr th.u-text-align-start {
+.bms-table__table[data-v-54404d98] tr th.u-text-align-start {
   --header-content-justify: start;
 }
-.bms-table__table[data-v-9ea22d5f] tr th.u-text-align-center {
+.bms-table__table[data-v-54404d98] tr th.u-text-align-center {
   --header-content-justify: center;
 }
-.bms-table__table[data-v-9ea22d5f] tr th.u-text-align-end {
+.bms-table__table[data-v-54404d98] tr th.u-text-align-end {
   --header-content-justify: end;
 }
-.bms-table__table[data-v-9ea22d5f] tr th.sorted {
+.bms-table__table[data-v-54404d98] tr th.sorted {
   --header-content-sort-icon-color: var(--bms-grey-100);
 }
-.bms-table__table[data-v-9ea22d5f] tr th .header-content {
+.bms-table__table[data-v-54404d98] tr th .header-content {
   display: flex;
   align-items: center;
   justify-content: var(--header-content-justify);
   gap: 0.5em;
 }
-.bms-table__table[data-v-9ea22d5f] tr th .header-content-sort {
+.bms-table__table[data-v-54404d98] tr th .header-content-sort {
   color: var(--header-content-sort-icon-color);
 }
-.bms-table__footer[data-v-9ea22d5f] {
+.bms-table__footer[data-v-54404d98] {
   padding-top: 16px;
 }
-.bms-table .blob[data-v-9ea22d5f] {
+.bms-table .blob[data-v-54404d98] {
   visibility: hidden;
   --table-blob-height: 80px;
   width: 200px;
@@ -2182,40 +2185,40 @@ nav .additional[data-v-f1abaa99] {
   z-index: -5;
   filter: blur(20px);
 }
-.bms-table .blob.dense[data-v-9ea22d5f] {
+.bms-table .blob.dense[data-v-54404d98] {
   --table-blob-height: 50px;
 }
-[data-v-9ea22d5f] table {
+[data-v-54404d98] table {
   padding: 0 var(--dynamic-border-height);
 }
-[data-v-9ea22d5f] table th:first-child {
+[data-v-54404d98] table th:first-child {
   border-top-left-radius: var(--table-cell-radius);
 }
-[data-v-9ea22d5f] table .stuck th:first-child {
+[data-v-54404d98] table .stuck th:first-child {
   border-top-left-radius: 0;
 }
-[data-v-9ea22d5f] table .stuck th:last-child {
+[data-v-54404d98] table .stuck th:last-child {
   border-top-right-radius: 0;
 }
-[data-v-9ea22d5f] table th:last-child {
+[data-v-54404d98] table th:last-child {
   border-top-right-radius: var(--table-cell-radius);
 }
-[data-v-9ea22d5f] table tr:last-child td:first-child {
+[data-v-54404d98] table tr:last-child td:first-child {
   border-bottom-left-radius: var(--table-cell-radius);
 }
-[data-v-9ea22d5f] table tr:last-child td:last-child {
+[data-v-54404d98] table tr:last-child td:last-child {
   border-bottom-right-radius: var(--table-cell-radius);
 }
-[data-v-9ea22d5f] table td,[data-v-9ea22d5f] table th {
+[data-v-54404d98] table td,[data-v-54404d98] table th {
   background-color: rgb(255, 255, 255);
 }
-[data-v-9ea22d5f] table tbody {
+[data-v-54404d98] table tbody {
   overflow: hidden;
 }
-[data-v-9ea22d5f] table tbody tr {
+[data-v-54404d98] table tbody tr {
   position: relative;
 }
-[data-v-9ea22d5f] table tbody tr.selected td {
+[data-v-54404d98] table tbody tr.selected td {
   background-color: var(--bms-main-10);
 }.filter-button-container[data-v-6047ada7] {
   position: relative;