@ouestfrance/sipa-bms-ui 8.2.0 → 8.4.0

package/src/components/table/UiBmsTableRow.vue

@@ -28,9 +28,10 @@
         :key="cell.key"
       >
         <div v-if="isChildElement" class="bms-table__row__cell--child-element">
-          <div class="bms-table__row__cell--child-element__icon">
-            <CornerDownRight v-if="index === 0" />
-          </div>
+          <CornerDownRight
+            v-if="index === 0"
+            class="bms-table__row__cell--child-element__icon"
+          />
           <slot
             :name="cell.key"
             :row="item.childElement"
@@ -112,7 +113,7 @@ const getAlignClass = (header: TableHeader) => {
     --table-cell-padding: 0.5em 1em;
   }
   &--selected {
-    td {
+    :deep(td) {
       background-color: var(--bms-main-10);
     }
   }
@@ -141,7 +142,6 @@ const getAlignClass = (header: TableHeader) => {
       align-items: flex-end;
       &__icon {
         display: flex;
-        min-width: 1em;
         margin-right: 1em;
       }
     }

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

@@ -1,6 +1,12 @@
 import UiFilterButton from '@/components/table/UiFilterButton.vue';
+import template from '@/documentation/template_internal_component.mdx';
 
 export default {
+  parameters: {
+    docs: {
+      page: template,
+    },
+  },
   title: 'Composants/table/FilterButton',
   component: UiFilterButton,
   argTypes: {},

package/src/components/utils/BmsProblem.stories.js

@@ -1,7 +1,7 @@
 import BmsProblem from '@/components/utils/BmsProblem.vue';
 
 export default {
-  title: 'Composants/utils/BmsProblem',
+  title: 'Composants/utils/Problem',
   component: BmsProblem,
 };
 

package/src/documentation/template_internal_component.mdx

@@ -0,0 +1,19 @@
+import {
+  Meta,
+  Title,
+  Primary,
+  Controls,
+  Stories,
+} from '@storybook/addon-docs/blocks';
+
+<Meta isTemplate />
+
+<Title />
+
+Ce composant est un composant **interne** à la librairie qui n'est pas exposé.
+
+<Primary />
+
+<Controls />
+
+<Stories />

package/src/index.ts

@@ -47,6 +47,7 @@ import BmsStepper from './components/layout/BmsStepper.vue';
 
 import BmsBackButton from './components/navigation/BmsBackButton.vue';
 import BmsBreadcrumb from './components/navigation/BmsBreadcrumb.vue';
+import BmsFixedMenu from './components/navigation/BmsFixedMenu.vue';
 import BmsLink from './components/navigation/BmsLink.vue';
 import BmsMenu from './components/navigation/BmsMenu.vue';
 import BmsMenuNav from './components/navigation/BmsMenuNav.vue';
@@ -115,6 +116,7 @@ export const createBmsUi = () => ({
 
     app.component('BmsBackButton', BmsBackButton);
     app.component('BmsBreadcrumb', BmsBreadcrumb);
+    app.component('BmsFixedMenu', BmsFixedMenu);
     app.component('BmsLink', BmsLink);
     app.component('BmsMenu', BmsMenu);
     app.component('BmsMenuNav', BmsMenuNav);
@@ -189,6 +191,7 @@ export {
   BmsStepper,
   BmsBackButton,
   BmsBreadcrumb,
+  BmsFixedMenu,
   BmsLink,
   BmsMenu,
   BmsMenuNav,

package/src/showroom/pages/autocomplete.vue

@@ -1,5 +1,9 @@
 <template>
   <BmsBackButton :fallback="{ path: '/' }" />
+  <br />
+  <BmsButton @click="inputLabelValue = '1'">Set value to '1'</BmsButton>
+  <br />
+  Valeur: {{ inputLabelValue }}
   <BmsAutocomplete
     label="Autocomplete avec label/value"
     :options="optionsLabelValue"
@@ -8,22 +12,20 @@
     @add-new-option="onAddNewOption"
   />
 
-  Valeur: {{ inputLabelValue }}
-
+  Valeur: {{ inputValueIcon }}
   <BmsAutocomplete
     label="Autocomplete avec icones"
     :options="optionsIcon"
     v-model="inputValueIcon"
     @select="(o) => console.log('select', o.value)"
   />
-  Valeur: {{ inputValueIcon }}
 
+  Valeur: {{ inputText }}
   <BmsAutocomplete
     label="Autocomplete avec tableau de strings"
     :options="optionsText"
     v-model="inputText"
   />
-  Valeur: {{ inputText }}
 </template>
 
 <script setup lang="ts">
@@ -31,6 +33,7 @@ import { BmsAutocomplete, BmsBackButton } from '@/index';
 import { Heart, Cat } from 'lucide-vue-next';
 import { range } from 'lodash';
 import { ref } from 'vue';
+import BmsButton from '@/components/button/BmsButton.vue';
 
 const optionsLabelValue = ref(
   range(0, 30).map((i) =>