@ouestfrance/sipa-bms-ui 8.23.0 → 8.23.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ouestfrance/sipa-bms-ui",
-  "version": "8.23.0",
+  "version": "8.23.1",
   "author": "Ouest-France BMS",
   "license": "ISC",
   "scripts": {

package/src/assets/scss/global-variables.scss

@@ -43,6 +43,9 @@
     --bms-border-radius-large: 8px;
     --bms-border-radius-xlarge: 16px;
     --bms-shadow-color: var(--bms-grey-10);
+    --bms-box-shadow:
+      rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
+      rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
 
     --bms-danger-color: var(--bms-red-100);
     --bms-warning-color: var(--bms-orange-100);

package/src/components/feedback/UiTooltip.vue

@@ -135,7 +135,7 @@ const style = computed(() => {
   position: absolute;
   overflow: hidden;
   z-index: var(--bms-z-index-tooltip);
-  filter: drop-shadow(0 0 0.8rem var(--bms-shadow-color));
+  box-shadow: var(--bms-box-shadow);
   color: var(--bms-font-color);
   transform: var(--bms-tooltip-transform);
   overflow-wrap: break-word;

package/src/components/layout/BmsFloatingWindow.vue

@@ -308,7 +308,7 @@ function onDragEnd() {
     pointer-events: all;
     display: grid;
     grid-template-rows: auto 1fr;
-    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
+    box-shadow: var(--bms-box-shadow);
     z-index: var(--bms-z-index-modal);
     transition:
       left 0.3s cubic-bezier(0.4, 0, 0.2, 1),

package/src/components/table/BmsServerTable.vue

@@ -32,7 +32,7 @@ interface UiTableProps {
   headers: TableHeader[];
   filters?: Filter[];
   url?: string;
-  mode?: TableMode;
+  mode?: TableMode | string; // string for retro compatibility
   persistent?: boolean;
   pagination?: number[];
   size?: number;
@@ -319,7 +319,7 @@ const isTableSmall = computed(() => props.mode === TableMode.SMALL);
     :loading="loading"
     :items="items"
     :headers="headers"
-    :mode="mode"
+    :mode="mode as TableMode"
     :hasFilters="filters.length > 0"
     :sort="sort"
     :selectable="selectable"

package/src/components/table/BmsTable.vue

@@ -34,7 +34,7 @@ interface UiTableProps {
   savedFilters?: SavedFilter[];
   canSaveFilters?: boolean;
   items: unknown[];
-  mode?: TableMode;
+  mode?: TableMode | string; // string for retro compatibility
   persistent?: boolean;
   pagination?: number[];
   size?: number;
@@ -245,7 +245,7 @@ const isTableSmall = computed(() => props.mode === TableMode.SMALL);
     :loading="loading"
     :items="currentItems"
     :headers="headers"
-    :mode="mode"
+    :mode="mode as TableMode"
     :hasFilters="filters.length > 0"
     :sort="sort"
     :selectable="selectable"

package/src/components/table/UiBmsTable.vue

@@ -7,7 +7,6 @@ import {
   type TableHeader,
   TableMode,
 } from '@/models';
-import _get from 'lodash/get';
 import _isEqual from 'lodash/isEqual';
 import {
   type Component,

package/src/plugins/notifications/NotificationItem.vue

@@ -58,7 +58,7 @@ const closeNotification = () => {
   background-color: var(--notification-background-color);
   color: white;
   position: relative;
-  box-shadow: 0 4px 8px var(--bms-shadow-color);
+  box-shadow: var(--bms-box-shadow);
 
   .main-info {
     display: flex;

package/src/showroom/pages/table.vue

@@ -14,7 +14,7 @@
     activity-link="/activity-path"
     v-model:selectedItems="selectedItems"
     selectable
-    :select-mode="'single'"
+    :select-mode="SelectMode.SINGLE"
     @saveFilter="onSaveFilter"
     @deleteSavedFilter="onDeleteSavedFilter"
     @filterInput="onFilterInput"
@@ -54,23 +54,27 @@
 </template>
 
 <script lang="ts" setup>
-import { BmsBackButton, BmsButton, useNotifications } from '@/index';
+import {
+  BmsBackButton,
+  BmsButton,
+  SelectMode,
+  useNotifications,
+} from '@/index';
 import {
   ColumnType,
   Filter,
   InputType,
   SavedFilter,
-  SelectMode,
   SortValue,
   StatusType,
 } from '@/models';
 import { Ref, ref } from 'vue';
 import { useRouterHistory } from '@/plugins/router-history/router-history.composable';
-import BmsShortLinkMenu from '@/components/navigation/BmsShortLinkMenu.vue';
 import BmsTooltip from '@/components/feedback/BmsTooltip.vue';
 import BmsIconButton from '@/components/button/BmsIconButton.vue';
-import { Delete, Save, Trash } from 'lucide-vue-next';
+import { Save, Trash } from 'lucide-vue-next';
 import BmsChip from '@/components/form/BmsChip.vue';
+import BmsTable from '@/components/table/BmsTable.vue';
 
 const { goBack } = useRouterHistory();
 const { error, success } = useNotifications();