@ouestfrance/sipa-bms-ui 8.14.3 → 8.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ouestfrance/sipa-bms-ui",
-  "version": "8.14.3",
+  "version": "8.15.0",
   "author": "Ouest-France BMS",
   "license": "ISC",
   "scripts": {
@@ -95,7 +95,10 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/sipa-bms-ui.es.js",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/sipa-bms-ui.es.js"
+      },
       "require": "./dist/sipa-bms-ui.umd.js"
     },
     "./dist/sipa-bms-ui.css": "./dist/sipa-bms-ui.css",

package/src/components/form/BmsInputToggle.vue

@@ -3,6 +3,7 @@
     <label
       class="input-toggle"
       :class="{ isOn: modelValue, disabled, overflow: ellipsisLabel }"
+      :title="ellipsisLabel ? label : undefined"
     >
       <span class="input-switch-info">{{ label }}</span>
       <UiBmsSwitch

package/src/components/table/BmsServerTable.stories.js

@@ -1,4 +1,5 @@
 import BmsServerTable from '@/components/table/BmsServerTable.vue';
+import BmsButton from '@/components/button/BmsButton.vue';
 import { SelectMode } from '@/models/table.model';
 import { http, HttpResponse } from 'msw';
 
@@ -420,3 +421,46 @@ SelectAllMode.args = {
   size: 2,
   page: 1,
 };
+
+const TemplateWithCustomActions = (args) => ({
+  components: {
+    BmsServerTable,
+    BmsButton,
+  },
+  setup() {
+    return { args };
+  },
+  template: `
+      <BmsServerTable v-bind="args">
+      <template  #custom-actions>
+          <BmsButton type="secondary">Custom action</BmsButton>
+        </template>
+      </BmsServerTable>
+    `,
+});
+export const WithCustomActions = TemplateWithCustomActions.bind({});
+WithCustomActions.parameters = {
+  msw: {
+    handlers: [mswRequestHandler()],
+  },
+};
+WithCustomActions.args = {
+  headers: [
+    {
+      label: 'Column 1',
+      key: 'col1',
+      align: 'start',
+    },
+    {
+      label: 'Column 2',
+      key: 'col2',
+      align: 'center',
+    },
+    {
+      label: 'Column 3',
+      key: 'col3',
+      align: 'end',
+    },
+  ],
+  url: 'https://fakeapi.com/items',
+};

package/src/components/table/BmsServerTable.vue

@@ -327,6 +327,10 @@ const onSelectAll = () => emits('update:selectMode', SelectMode.ALL);
     @selectAll="onSelectAll"
     @clearSelection="onClearSelection"
   >
+    <template #custom-actions>
+      <slot name="custom-action"></slot>
+    </template>
+
     <template v-for="(_, name) in $slots" v-slot:[name]="slotData">
       <slot :name="name" v-bind="slotData" />
     </template>