@ouestfrance/sipa-bms-ui 7.14.1 → 7.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ouestfrance/sipa-bms-ui",
-  "version": "7.14.1",
+  "version": "7.14.2",
   "author": "Ouest-France BMS",
   "license": "ISC",
   "scripts": {
@@ -38,8 +38,8 @@
     "@mdx-js/react": "3.1.0",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-docs": "^9.0.4",
-    "@storybook/addon-links": "9.0.6",
-    "@storybook/vue3-vite": "9.0.6",
+    "@storybook/addon-links": "9.0.8",
+    "@storybook/vue3-vite": "9.0.8",
     "@types/lodash": "4.17.17",
     "@types/uuid": "10.0.0",
     "@vitejs/plugin-vue": "5.2.4",
@@ -48,7 +48,7 @@
     "@vueuse/motion": "^3.0.0",
     "axios": "1.9.0",
     "blob-util": "^2.0.2",
-    "chromatic": "12.1.1",
+    "chromatic": "12.2.0",
     "codemirror": "6.0.1",
     "cors": "^2.8.5",
     "cross-env": "^7.0.3",
@@ -60,16 +60,16 @@
     "keycloak-js": "26.1.2",
     "lint-staged": "16.1.0",
     "lodash": "4.17.21",
-    "lucide-vue-next": "0.513.0",
+    "lucide-vue-next": "0.514.0",
     "msw-storybook-addon": "^2.0.3",
     "normalize.css": "8.0.1",
     "path": "0.12.7",
     "prettier": "3.5.3",
-    "sass": "1.89.1",
+    "sass": "1.89.2",
     "semantic-release": "24.2.5",
     "start-server-and-test": "2.0.12",
-    "storybook": "9.0.6",
-    "storybook-addon-pseudo-states": "9.0.6",
+    "storybook": "9.0.8",
+    "storybook-addon-pseudo-states": "9.0.8",
     "storybook-vue3-router": "^5.0.0",
     "typescript": "5.2.2",
     "uuid": "11.1.0",
@@ -78,7 +78,7 @@
     "vite-plugin-mkcert": "1.17.8",
     "vite-plugin-pages": "0.33.0",
     "vite-svg-loader": "5.1.0",
-    "vitest": "3.2.2",
+    "vitest": "3.2.3",
     "vue": "3.5.16",
     "vue-codemirror": "6.1.1",
     "vue-loader": "17.4.2",

package/src/components/layout/BmsForm.stories.js

@@ -1,7 +1,7 @@
 import BmsForm from '@/components/layout/BmsForm.vue';
 
 export default {
-  title: 'Composants/layout/Form',
+  title: 'Composants/layout/BmsForm',
   component: BmsForm,
 };
 

package/src/components/layout/BmsForm.vue

@@ -5,11 +5,9 @@
         <slot :name="name" />
       </section>
     </template>
-    <template v-for="(_, name) in slots">
-      <div v-if="slotIsAction(name)" class="actions">
-        <slot name="actions" />
-      </div>
-    </template>
+    <div class="actions">
+      <slot name="actions" v-if="hasSlotActions" />
+    </div>
   </div>
 </template>
 
@@ -34,8 +32,14 @@
 }
 </style>
 <script lang="ts" setup>
+import { computed } from 'vue';
+
 const slots = defineSlots();
 
+const hasSlotActions = computed((): boolean => {
+  return Object.keys(slots).includes('actions');
+});
+
 const slotIsAction = (slotName: string): boolean => {
   return slotName === 'actions';
 };

package/src/components/layout/BmsForm_retrocompat.stories.js

@@ -0,0 +1,32 @@
+import BmsForm from '@/components/layout/BmsForm.vue';
+
+export default {
+  title: 'Composants/layout/BmsForm/for_retrocompat',
+  component: BmsForm,
+};
+
+const Template = (args) => ({
+  components: {
+    BmsForm,
+  },
+  setup() {
+    return { args };
+  },
+  template: `
+    <BmsForm v-bind="args">
+      <template #organization>
+        <p>custom slot you can define whith any name(organization)</p>
+      </template>  
+    </BmsForm>
+    <BmsForm>
+      <template #site>
+        <p>custom slot you can define whith any name (site)</p>
+      </template>
+      <template #actions>
+        <div>Slot for Actions components</div>
+      </template>
+    </BmsForm>
+  `,
+});
+
+export const Default = Template.bind({});

package/src/components/table/UiBmsTable.vue

@@ -347,7 +347,7 @@ onMounted(() => {
           <template v-if="items.length">
             <template v-for="item in items" :key="item">
               <tr :class="{ selected: isItemSelected(item) }">
-                <td v-if="selectable">
+                <td v-if="selectable" class="bms-table__cell__checkbox">
                   <BmsTooltip
                     :direction="TooltipDirection.Right"
                     tooltip-text="Vous ne pouvez pas désélectionner un élément unitairement si vous avez choisi de sélectionner la totalité des éléments"
@@ -461,6 +461,9 @@ onMounted(() => {
   }
 
   &__cell {
+    &__checkbox {
+      width: 4em;
+    }
     &--action {
       display: flex;
       justify-content: end;

package/src/pages/Form.stories.js

@@ -36,43 +36,43 @@ const Template = (args) => ({
     return { args };
   },
   template: `
-      <BmsContentPageLayout>
-        <template #header>
-          <BmsHeaderTitle title="Le Titre de la page"/>          
-        </template>
-        <template #breadcrumb>
-          <BmsBreadcrumb :breadcrumbs="args.breadcrumb"/>
-        </template>
-        <template #default>
-
-          <BmsForm>
-
-            <template #form>
-              Here the form slot for input
-              <br/>
-              <BmsInputText v-model="args.inputValue"
-                            label="Mon premier champ de formulaire"
-                            helper-text="help me here !"
-                            placeholder="ici votre placeholder"
-              />
-              <BmsAutocomplete v-model="args.selectValue"
-                               label="Mon second champ de formulaire"
-                               placeholder="ici votre placeholder"
-                               helper-text="help me here !"
-                               :options="['option1','option2']"/>
-            </template>
-            <template #actions>
-              <BmsButton :type="'secondary'" >
-                Annuler
-              </BmsButton>
-              <BmsButton :type="'primary'">
-                Modifier
-              </BmsButton>
-            </template>
-          </BmsForm>
-        </template>
-      </BmsContentPageLayout>
-    `,
+    <BmsContentPageLayout>
+      <template #header>
+        <BmsHeaderTitle title="Le Titre de la page" />
+      </template>
+      <template #breadcrumb>
+        <BmsBreadcrumb :breadcrumbs="args.breadcrumb" />
+      </template>
+      <template #default>
+        <BmsForm>
+          <template #form_1>
+            Here the form slot for input
+            <br />
+            <BmsInputText v-model="args.inputValue"
+                          label="Mon premier champ de formulaire"
+                          helper-text="help me here !"
+                          placeholder="ici votre placeholder"
+            />
+          </template>
+          <template #form_2>
+            <BmsAutocomplete v-model="args.selectValue"
+                             label="Mon second champ de formulaire"
+                             placeholder="ici votre placeholder"
+                             helper-text="help me here !"
+                             :options="['option1','option2']" />
+          </template>
+          <template #actions>
+            <BmsButton :type="'secondary'">
+              Annuler
+            </BmsButton>
+            <BmsButton :type="'primary'">
+              Modifier
+            </BmsButton>
+          </template>
+        </BmsForm>
+      </template>
+    </BmsContentPageLayout>
+  `,
 });
 
 export const Default = Template.bind({});