@ouestfrance/sipa-bms-ui 8.6.0 → 8.8.0

package/src/showroom/pages/table.vue

@@ -1,5 +1,7 @@
 <template>
   <BmsBackButton :fallback="{ path: '/' }" />
+  <br />
+  <BmsButton @click="changeChoice">Change choice</BmsButton>
   <bms-table
     :headers="headers"
     :filters="filters"
@@ -13,6 +15,8 @@
     v-model:selectedItems="selectedItems"
     @saveFilter="onSaveFilter"
     @deleteSavedFilter="onDeleteSavedFilter"
+    @filterInput="onFilterInput"
+    @filterChange="onFilterChange"
   >
     <template #choice2="{ row }">
       <BmsTooltip tooltipText="tooltip">
@@ -140,7 +144,6 @@ const items = Array(100)
 
 const savedFilters: Ref<SavedFilter[]> = ref<SavedFilter[]>([]);
 const selectedItems: Ref<any[]> = ref([]);
-
 const onSaveFilter = (savedFilter: SavedFilter) => {
   savedFilters.value.push(savedFilter);
 };
@@ -151,7 +154,28 @@ const onDeleteSavedFilter = (savedFilter: SavedFilter) => {
   );
 };
 
-const filters: Filter[] = [
+const onFilterInput = ({
+  filterKey,
+  e,
+  value,
+}: {
+  filterKey: string;
+  e: InputEvent;
+  value: any;
+}) => {
+  console.log(`Input in filter ${filterKey} with val ${value}`);
+};
+const onFilterChange = ({
+  filterKey,
+  value,
+}: {
+  filterKey: string;
+  value: any;
+}) => {
+  console.log(`Change in filter ${filterKey}  with val`, value);
+};
+
+const filters = ref<Filter[]>([
   {
     label: 'inputText Colonne 1',
     key: 'column1',
@@ -199,5 +223,20 @@ const filters: Filter[] = [
     customFilter: (item: any, value: any, target: string) =>
       item[target] > 0.5 === value,
   },
-];
+]);
+const changeChoice = () => {
+  filters.value = filters.value.map((f) =>
+    f.key === 'choice2'
+      ? {
+          ...f,
+          selectOptions: [
+            { label: 'huey', value: 'huey' },
+            { label: 'riri', value: 'riri' },
+            { label: 'fifi', value: 'fifi' },
+            { label: 'loulou', value: 'loulou' },
+          ],
+        }
+      : f,
+  );
+};
 </script>

package/src/showroom/pages/zindex.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import BmsButton from '@/components/button/BmsButton.vue';
+import BmsTooltip from '@/components/feedback/BmsTooltip.vue';
+import BmsHeader from '@/components/layout/BmsHeader.vue';
+import BmsModal from '@/components/layout/BmsModal.vue';
+import UiPopoverMenu from '@/components/layout/UiPopoverMenu.vue';
+import BmsTenantSwitcher from '@/components/navigation/BmsTenantSwitcher.vue';
+import { Tenant } from '@/models';
+import { useNotifications } from '@/plugins/notifications';
+import { ref } from 'vue';
+
+const isModalOpen = ref(false);
+const { success, error } = useNotifications();
+
+const onClick = () => {
+  isModalOpen.value = true;
+  success('toto');
+};
+
+const tenants: Tenant[] = [{ id: '1', information: '1', label: 'Tenant 1' }];
+</script>
+
+<template>
+  <BmsTooltip
+    :tooltip-text="'hello hello hello hello hello hello hello hello hello hello hello hello hello hello'"
+  >
+    <BmsButton @click="onClick">Hello</BmsButton>
+  </BmsTooltip>
+  <BmsTenantSwitcher
+    :tenants="tenants"
+    :current-tenant="null"
+    select-tenant-label="Coucou"
+    select-tenant-placeholder="toto"
+  />
+
+  <BmsHeader> fixed header</BmsHeader>
+
+  <BmsModal v-model="isModalOpen"> Ouvrir la modale </BmsModal>
+</template>

package/dist/plugins/field/FieldDatalist.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/src/plugins/field/FieldDatalist.spec.ts

@@ -1,35 +0,0 @@
-import FieldDatalist, { type Props } from '@/plugins/field/FieldDatalist.vue';
-import { mount } from '@vue/test-utils';
-import { field } from '@/plugins/field';
-
-const factory = (props?: Props) => {
-  const wrapper = mount(FieldDatalist, {
-    global: {
-      plugins: [field],
-    },
-    props: {
-      isInputFocused: false,
-      options: [
-        { label: 'titi', value: 'i' },
-        { label: 'toto', value: 'o' },
-        { label: 'tutu', value: 'u' },
-      ],
-      modelValue: '',
-      ...props,
-    },
-    attachTo: document.body,
-  });
-
-  return { wrapper };
-};
-
-describe('FieldDatalist', () => {
-  it('should be able to select with keyboard', async () => {
-    const { wrapper } = factory();
-    const titi = wrapper.get('[data-testid="i"]');
-
-    expect(titi.classes()).toStrictEqual([]);
-    await wrapper.trigger('keydown.down');
-    expect(titi.classes()).toStrictEqual(['selected']);
-  });
-});