@ouestfrance/sipa-bms-ui 8.8.1 → 8.9.0

package/dist/components/form/BmsServerAutocomplete.vue.d.ts

@@ -0,0 +1,30 @@
+import { InputOption } from '../../models';
+import { FieldComponentProps } from '../../plugins/field/field-component.model';
+export interface Props extends FieldComponentProps {
+    url?: string;
+    request?: (abortController: AbortController, inputValue?: string, url?: string) => Promise<{
+        data: InputOption[];
+    }>;
+    modelValue?: string;
+    placeholder?: string;
+    open?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'modelValue'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (option: InputOption) => any;
+    addNewOption: (newOption: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((option: InputOption) => any) | undefined;
+    onAddNewOption?: ((newOption: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    open: boolean;
+    request: (abortController: AbortController, inputValue?: string | undefined, url?: string | undefined) => Promise<{
+        data: InputOption[];
+    }>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/RawAutocomplete.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     onAddNewOption?: ((newOption: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
+    canAddNewOption: boolean;
     modelValue: string | null;
     open: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/table/BmsServerTable.vue.d.ts

@@ -71,15 +71,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     selectableDisabled: boolean;
     maxSelectedSize: number;
     pagination: number[];
-    canSaveFilters: boolean;
-    filters: Filter[];
-    persistent: boolean;
-    initialPage: number;
-    debounceTime: number;
     request: (params: ServerTableRequestParams, abortController: AbortController, url?: string | undefined) => Promise<{
         data: unknown[];
         total: number;
     }>;
+    filters: Filter[];
+    canSaveFilters: boolean;
+    persistent: boolean;
+    initialPage: number;
+    debounceTime: number;
     defaultFiltersOpened: boolean;
     savedFilters: SavedFilter[];
     defaultSort: Sort;

package/dist/components/table/BmsTable.vue.d.ts

@@ -55,8 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     selectable: boolean;
     selectableDisabled: boolean;
     pagination: number[];
-    canSaveFilters: boolean;
     filters: Filter[];
+    canSaveFilters: boolean;
     persistent: boolean;
     defaultFiltersOpened: boolean;
     savedFilters: SavedFilter[];

package/dist/composables/search.composable.d.ts

@@ -19,6 +19,9 @@ export declare const useSearch: (persistent?: boolean | Ref<boolean>, defaultFil
             label: string;
             value: string;
         }[] | undefined;
+        autocompleteRequest?: ((abortController: AbortController, url?: string | undefined) => Promise<{
+            data: import('../models').InputOption[];
+        }>) | undefined;
         customFilter?: Function | undefined;
     }[], Filter[] | {
         label: string;
@@ -36,6 +39,9 @@ export declare const useSearch: (persistent?: boolean | Ref<boolean>, defaultFil
             label: string;
             value: string;
         }[] | undefined;
+        autocompleteRequest?: ((abortController: AbortController, url?: string | undefined) => Promise<{
+            data: import('../models').InputOption[];
+        }>) | undefined;
         customFilter?: Function | undefined;
     }[]>;
     isFilterVisible: Ref<boolean, boolean>;

package/dist/models/table.model.d.ts

@@ -1,4 +1,4 @@
-import { InputType } from './form.model';
+import { InputOption, InputType } from './form.model';
 import { Sort, SortFunction } from './sort.model';
 export declare enum ColumnType {
     Boolean = "Boolean",
@@ -24,7 +24,7 @@ export interface ServerTableRequestParams {
     filters?: Filter[];
     sort?: Sort;
 }
-export type FilterType = 'select' | 'input' | 'inputDate' | 'boolean' | 'autocomplete' | 'betweenNumber' | 'betweenDate' | 'betweenDateTime';
+export type FilterType = 'select' | 'input' | 'inputDate' | 'boolean' | 'autocomplete' | 'autocompleteServer' | 'betweenNumber' | 'betweenDate' | 'betweenDateTime';
 export interface Filter {
     label: string;
     inputType?: InputType;
@@ -41,6 +41,9 @@ export interface Filter {
         label: string;
         value: string;
     }[];
+    autocompleteRequest?: (abortController: AbortController, url?: string) => Promise<{
+        data: InputOption[];
+    }>;
     customFilter?: Function;
 }
 export interface SavedFilter {

package/dist/sipa-bms-ui.css

@@ -587,7 +587,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-d649440b] {
+}.field__input .autocomplete-wrapper[data-v-eb4d55e4] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -596,22 +596,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-d649440b]:hover {
+.field__input .autocomplete-wrapper[data-v-eb4d55e4]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-d649440b]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-eb4d55e4]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-d649440b] {
+.field__input .autocomplete-wrapper.is-error[data-v-eb4d55e4] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-d649440b] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-eb4d55e4] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-d649440b] {
+.field__input .autocomplete-wrapper input[data-v-eb4d55e4] {
   outline: none;
   appearance: none;
   border: 0;
@@ -624,7 +624,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-d649440b] {
+.icon[data-v-eb4d55e4] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -1188,40 +1188,40 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
-}.tags[data-v-89613f32] {
+}.tags[data-v-05d9b16f] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-89613f32] {
+.tags .search[data-v-05d9b16f] {
   outline: none;
   border: none;
   background-color: transparent;
   flex-grow: 1;
 }
-.icon-container[data-v-89613f32] {
+.icon-container[data-v-05d9b16f] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-89613f32]:hover {
+.icon-container[data-v-05d9b16f]:hover {
   cursor: pointer;
 }
-.icon-container .icon[data-v-89613f32] {
+.icon-container .icon[data-v-05d9b16f] {
   display: block;
   width: 1em;
   height: 1em;
   margin: 0 1em 0 0.5em;
 }.clean-icon[data-v-66c267f2]:hover {
   cursor: pointer;
-}.field__input[data-v-81c90ccd] {
+}.field__input[data-v-21c618e0] {
   --field-border-color: var(--bms-grey-50);
   --field-border-color-active: var(--bms-main-100);
   --input-background-color: var(--bms-white);
 }
-.field__input .select-wrapper[data-v-81c90ccd] {
+.field__input .select-wrapper[data-v-21c618e0] {
   width: 100%;
   padding: 0 0 0 1em;
   border-radius: var(--bms-border-radius);
@@ -1232,35 +1232,35 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   justify-content: space-between;
 }
-.field__input .select-wrapper .icon-toggle-container[data-v-81c90ccd] {
+.field__input .select-wrapper .icon-toggle-container[data-v-21c618e0] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.field__input .select-wrapper .icon-toggle-container[data-v-81c90ccd]:hover {
+.field__input .select-wrapper .icon-toggle-container[data-v-21c618e0]:hover {
   cursor: pointer;
 }
-.field__input .select-wrapper .icon-toggle-button[data-v-81c90ccd] {
+.field__input .select-wrapper .icon-toggle-button[data-v-21c618e0] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.field__input .select-wrapper[data-v-81c90ccd]:hover {
+.field__input .select-wrapper[data-v-21c618e0]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .select-wrapper[data-v-81c90ccd]:has(input:focus) {
+.field__input .select-wrapper[data-v-21c618e0]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .select-wrapper.is-error[data-v-81c90ccd] {
+.field__input .select-wrapper.is-error[data-v-21c618e0] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .select-wrapper.is-disabled[data-v-81c90ccd] {
+.field__input .select-wrapper.is-disabled[data-v-21c618e0] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .select-wrapper input[data-v-81c90ccd] {
+.field__input .select-wrapper input[data-v-21c618e0] {
   border: none;
   background-color: transparent;
   caret-color: transparent;
@@ -2402,38 +2402,51 @@ nav .additional[data-v-731a6d8c] {
 .indicator-scale-leave-from[data-v-6047ada7] {
   opacity: 1;
   transform: scale(1);
-}.filters[data-v-92161702] {
+}.icon[data-v-3115cc27] {
+  height: 1em;
+  width: 1em;
+}
+.icon.datalist-icon[data-v-3115cc27] {
+  margin: 0 0.5em;
+}
+.icon[data-v-3115cc27] svg {
+  height: 100%;
+  width: 100%;
+}
+.icon[data-v-3115cc27] svg * {
+  fill: currentColor !important;
+}.filters[data-v-4a441463] {
   padding: 16px;
   background: var(--bms-white);
   border: 1px solid var(--bms-grey-10);
   border-radius: var(--bms-border-radius-large);
   margin-bottom: 16px;
 }
-.filters__header[data-v-92161702] {
+.filters__header[data-v-4a441463] {
   display: flex;
   justify-content: space-between;
 }
-.filters__header-title[data-v-92161702] {
+.filters__header-title[data-v-4a441463] {
   font-size: 18px;
   font-weight: bold;
   gap: 1rem;
   display: flex;
   align-items: center;
 }
-.filters__inputs[data-v-92161702] {
+.filters__inputs[data-v-4a441463] {
   display: flex;
   flex-wrap: wrap;
   padding-top: 16px;
   align-items: flex-end;
   row-gap: 8px;
 }
-.filters__inputs .input[data-v-92161702] {
+.filters__inputs .input[data-v-4a441463] {
   width: 25%;
 }
-.filters__inputs .input.large[data-v-92161702] {
+.filters__inputs .input.large[data-v-4a441463] {
   width: 50%;
 }
-.filters__inputs .input[data-v-92161702] {
+.filters__inputs .input[data-v-4a441463] {
   padding-right: 32px;
 }.table-search[data-v-bb2d9aca] {
   width: 260px;