@ouestfrance/sipa-bms-ui 7.14.1 → 8.0.0

package/README.md

@@ -7,9 +7,12 @@ Librairie de composants et plugins VueJS pour les projets de l'équipe BMS du gr
 Installer d'abord la librairie avec votre package manager préféré :
 
 ```
-npm i -D sipa-bms-ui
+npm i -D @ouestfrance/sipa-bms-ui
 ```
 
+> [!NOTE]
+> depuis la version 8.0.0 nous avons migré dans l'organisation @ouestfrance. Le nom du package est passé de 'sipa-bms-ui' à @ouestfrance/sipa-bms-ui.
+
 > Attention, cette librairie n'est pas compatible Vue 2 et n'embarque pas le runtime de Vue. Il faut que votre application importe elle-même Vue 3.
 
 > Autre pré-requis: Utiliser vue-router comme router par défaut
@@ -40,17 +43,17 @@ Dans le backoffice
 
 ```
   "devDependencies": {
-    "sipa-bms-ui": "file:../platform-library-vuejs-bms",
+    "@ouestfrance/sipa-bms-ui": "file:../platform-library-vuejs-bms",
   }
 ```
 
 ### Méthode _on-demand_ tree-shakeable
 
-À l'intérieur de votre composant, importer ce que vous souhaitez depuis le paquet `sipa-bms-ui` :
+À l'intérieur de votre composant, importer ce que vous souhaitez depuis le paquet `@ouestfrance/sipa-bms-ui` :
 
 ```vue
 <script setup lang="ts">
-import { BmsButton } from 'sipa-bms-ui';
+import { BmsButton } from '@ouestfrance/sipa-bms-ui';
 </script>
 
 <template>
@@ -66,7 +69,7 @@ Pour la méthode globale, dans votre fichier de montage, il faut importer et uti
 
 ```typescript
 import { createApp } from 'vue';
-import { createBmsUi } from 'sipa-bms-ui';
+import { createBmsUi } from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 createApp(App).use(createBmsUi()).mount('#app');
@@ -96,7 +99,7 @@ import {
   confirmPlugin,
   routerHistoryPlugin,
   featureFlipperPlugin,
-} from 'sipa-bms-ui';
+} from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 createApp(App)
@@ -132,7 +135,7 @@ Dans le composant racine, tel que App.vue ou autre
 ```
 
 ```typescript
-import { useNotifications } from 'sipa-bms-ui';
+import { useNotifications } from '@ouestfrance/sipa-bms-ui';
 
 const { success, error } = useNotifications();
 
@@ -158,7 +161,7 @@ Dans le composant racine, tel que App.vue ou autre
 ```
 
 ```typescript
-import { useConfirm } from 'sipa-bms-ui';
+import { useConfirm } from '@ouestfrance/sipa-bms-ui';
 
 const { confirm } = useConfirm();
 
@@ -217,7 +220,7 @@ main.ts
 
 ```typescript
 import { createApp } from 'vue';
-import { createRuntimeEnv, fetchRuntimeEnv } from 'sipa-bms-ui';
+import { createRuntimeEnv, fetchRuntimeEnv } from '@ouestfrance/sipa-bms-ui';
 import App from './App.vue';
 
 const app = createApp(App);
@@ -232,7 +235,7 @@ fetchRuntimeEnv<{ MY_URL: string }>().then((env) => {
 MyComponent.vue
 
 ```typescript
-import { useRuntimeEnv } from 'sipa-bms-ui';
+import { useRuntimeEnv } from '@ouestfrance/sipa-bms-ui';
 
 const env = useRuntimeEnv();
 console.log(env.MY_URL);
@@ -247,7 +250,10 @@ Voici un exemple d'initialisation d'une authentification Keycloak.
 main.ts
 
 ```typescript
-import { keycloakAuthAdapter, keycloakAuthAdapterInit } from 'sipa-bms-ui';
+import {
+  keycloakAuthAdapter,
+  keycloakAuthAdapterInit,
+} from '@ouestfrance/sipa-bms-ui';
 
 keycloakAuthAdapterInit({
   keycloakOptions: {
@@ -271,7 +277,7 @@ keycloakAuthAdapterInit({
 MyComponent.vue
 
 ```typescript
-import { useKeycloakAuthAdapter } from 'sipa-bms-ui';
+import { useKeycloakAuthAdapter } from '@ouestfrance/sipa-bms-ui';
 
 const { auth } = useKeycloakAuthAdapter();
 const onClick = () => auth?.value?.logout();

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

@@ -1,11 +1,6 @@
-import { Component } from 'vue';
-import { Caption } from '../../models';
+import { Caption, InputOption } from '../../models';
 export interface Props {
-    options: string[] | {
-        label: string;
-        value: string;
-        icon?: Component | string;
-    }[];
+    options: string[] | InputOption[];
     modelValue?: string;
     label?: string;
     required?: boolean;
@@ -16,14 +11,19 @@ export interface Props {
     captions?: string[] | Caption[];
     errors?: string[] | Caption[];
     open?: boolean;
+    canAddNewOption?: boolean;
 }
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
-    'modelValue'?: string;
+    '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;

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

@@ -35,11 +35,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
             readonly focus?: boolean | undefined;
             readonly type?: InputType | undefined;
             readonly errors?: string[] | Caption[] | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-            readonly onKeyUp?: (() => any) | undefined;
             readonly onKeyDown?: (() => any) | undefined;
+            readonly onKeyUp?: (() => any) | undefined;
             readonly onKeyEnter?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -55,22 +55,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
         $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void) & ((event: "keyUp") => void) & ((event: "keyDown") => void) & ((event: "keyEnter") => void);
+        $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
         $el: HTMLSpanElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-            onKeyUp?: (() => any) | undefined;
             onKeyDown?: (() => any) | undefined;
+            onKeyUp?: (() => any) | undefined;
             onKeyEnter?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:focus"?: ((value: boolean) => any) | undefined;
         }>, {
             setFocus: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:modelValue": (value: string) => any;
-            "update:focus": (value: boolean) => any;
-            keyUp: () => any;
             keyDown: () => any;
+            keyUp: () => any;
             keyEnter: () => any;
+            "update:modelValue": (value: string) => any;
+            "update:focus": (value: boolean) => any;
         }, string, {
             focus: boolean;
             type: InputType;
@@ -102,11 +102,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
         required: boolean;
         disabled: boolean;
     }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-        onKeyUp?: (() => any) | undefined;
         onKeyDown?: (() => any) | undefined;
+        onKeyUp?: (() => any) | undefined;
         onKeyEnter?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:focus"?: ((value: boolean) => any) | undefined;
     }>, "setFocus" | ("focus" | "type" | "required" | "disabled")> & import('vue').ShallowUnwrapRef<{
         setFocus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

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

@@ -47,11 +47,11 @@ declare const _default: import('vue').DefineComponent<Props, {
                     readonly focus?: boolean | undefined;
                     readonly type?: import('../..').InputType | undefined;
                     readonly errors?: string[] | Caption[] | undefined;
-                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyDown?: (() => any) | undefined;
+                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyEnter?: (() => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -67,22 +67,22 @@ declare const _default: import('vue').DefineComponent<Props, {
                 $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $host: Element | null;
-                $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void) & ((event: "keyUp") => void) & ((event: "keyDown") => void) & ((event: "keyEnter") => void);
+                $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
                 $el: HTMLSpanElement;
                 $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    onKeyUp?: (() => any) | undefined;
                     onKeyDown?: (() => any) | undefined;
+                    onKeyUp?: (() => any) | undefined;
                     onKeyEnter?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 }>, {
                     setFocus: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                    "update:modelValue": (value: string) => any;
-                    "update:focus": (value: boolean) => any;
-                    keyUp: () => any;
                     keyDown: () => any;
+                    keyUp: () => any;
                     keyEnter: () => any;
+                    "update:modelValue": (value: string) => any;
+                    "update:focus": (value: boolean) => any;
                 }, string, {
                     focus: boolean;
                     type: import('../..').InputType;
@@ -114,11 +114,11 @@ declare const _default: import('vue').DefineComponent<Props, {
                 required: boolean;
                 disabled: boolean;
             }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                onKeyUp?: (() => any) | undefined;
                 onKeyDown?: (() => any) | undefined;
+                onKeyUp?: (() => any) | undefined;
                 onKeyEnter?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
             }>, "setFocus" | ("focus" | "type" | "required" | "disabled")> & import('vue').ShallowUnwrapRef<{
                 setFocus: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {

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

@@ -1,10 +1,7 @@
 import { Caption } from '../../models/caption.model';
+import { InputOption } from '../../models';
 export interface Props {
-    modelValue: any;
-    options: {
-        label: string;
-        value: any;
-    }[];
+    options: InputOption[];
     label?: string;
     errors?: string[] | Caption[];
     captions?: string[] | Caption[];
@@ -15,17 +12,20 @@ export interface Props {
     placeholder?: string;
     open?: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'modelValue': any;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     setFocus: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     label: string;
     required: boolean;
     disabled: boolean;
-    modelValue: any;
     open: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     selectWrapper: HTMLSpanElement;

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

@@ -1,8 +1,7 @@
 import { Caption } from '../../models/caption.model';
-import { InputType } from '../../models';
+import { InputOption, InputType } from '../../models';
 export interface Props {
-    options: any[];
-    modelValue?: string | null;
+    options: InputOption[];
     label?: string;
     required?: boolean;
     optional?: boolean;
@@ -12,13 +11,23 @@ export interface Props {
     captions?: string[] | Caption[];
     errors?: string[] | Caption[];
     open?: boolean;
+    canAddNewOption?: boolean;
+    newOption?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'modelValue': string | null;
+} & __VLS_Props;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
     setFocus: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (payload: string | null) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string | null) => any) | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (option: InputOption) => any;
+    addNewOption: (newOption: string) => any;
+    "update:modelValue": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((option: InputOption) => any) | undefined;
+    onAddNewOption?: ((newOption: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     modelValue: string | null;
     open: boolean;
@@ -34,11 +43,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
             readonly focus?: boolean | undefined;
             readonly type?: InputType | undefined;
             readonly errors?: string[] | Caption[] | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-            readonly onKeyUp?: (() => any) | undefined;
             readonly onKeyDown?: (() => any) | undefined;
+            readonly onKeyUp?: (() => any) | undefined;
             readonly onKeyEnter?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -54,22 +63,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
         $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void) & ((event: "keyUp") => void) & ((event: "keyDown") => void) & ((event: "keyEnter") => void);
+        $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
         $el: HTMLSpanElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-            onKeyUp?: (() => any) | undefined;
             onKeyDown?: (() => any) | undefined;
+            onKeyUp?: (() => any) | undefined;
             onKeyEnter?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:focus"?: ((value: boolean) => any) | undefined;
         }>, {
             setFocus: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:modelValue": (value: string) => any;
-            "update:focus": (value: boolean) => any;
-            keyUp: () => any;
             keyDown: () => any;
+            keyUp: () => any;
             keyEnter: () => any;
+            "update:modelValue": (value: string) => any;
+            "update:focus": (value: boolean) => any;
         }, string, {
             focus: boolean;
             type: InputType;
@@ -101,11 +110,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
         required: boolean;
         disabled: boolean;
     }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-        onKeyUp?: (() => any) | undefined;
         onKeyDown?: (() => any) | undefined;
+        onKeyUp?: (() => any) | undefined;
         onKeyEnter?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:focus"?: ((value: boolean) => any) | undefined;
     }>, "setFocus" | ("focus" | "type" | "required" | "disabled")> & import('vue').ShallowUnwrapRef<{
         setFocus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

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

@@ -11,17 +11,17 @@ export interface Props {
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
     setFocus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
-    "update:focus": (value: boolean) => any;
-    keyUp: () => any;
     keyDown: () => any;
+    keyUp: () => any;
     keyEnter: () => any;
+    "update:modelValue": (value: string) => any;
+    "update:focus": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-    onKeyUp?: (() => any) | undefined;
     onKeyDown?: (() => any) | undefined;
+    onKeyUp?: (() => any) | undefined;
     onKeyEnter?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
 }>, {
     focus: boolean;
     type: InputType;

package/dist/components/navigation/UiTenantSwitcher.vue.d.ts

@@ -48,11 +48,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     readonly focus?: boolean | undefined;
                     readonly type?: import('../../models').InputType | undefined;
                     readonly errors?: string[] | import('../../models').Caption[] | undefined;
-                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyDown?: (() => any) | undefined;
+                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyEnter?: (() => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -68,22 +68,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $host: Element | null;
-                $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void) & ((event: "keyUp") => void) & ((event: "keyDown") => void) & ((event: "keyEnter") => void);
+                $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
                 $el: HTMLSpanElement;
                 $options: import('vue').ComponentOptionsBase<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    onKeyUp?: (() => any) | undefined;
                     onKeyDown?: (() => any) | undefined;
+                    onKeyUp?: (() => any) | undefined;
                     onKeyEnter?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 }>, {
                     setFocus: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                    "update:modelValue": (value: string) => any;
-                    "update:focus": (value: boolean) => any;
-                    keyUp: () => any;
                     keyDown: () => any;
+                    keyUp: () => any;
                     keyEnter: () => any;
+                    "update:modelValue": (value: string) => any;
+                    "update:focus": (value: boolean) => any;
                 }, string, {
                     focus: boolean;
                     type: import('../../models').InputType;
@@ -115,11 +115,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 required: boolean;
                 disabled: boolean;
             }> & Omit<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                onKeyUp?: (() => any) | undefined;
                 onKeyDown?: (() => any) | undefined;
+                onKeyUp?: (() => any) | undefined;
                 onKeyEnter?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
             }>, "setFocus" | ("focus" | "type" | "required" | "disabled")> & import('vue').ShallowUnwrapRef<{
                 setFocus: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {

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

@@ -48,11 +48,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     readonly focus?: boolean | undefined;
                     readonly type?: import('../../models').InputType | undefined;
                     readonly errors?: string[] | import('../../models').Caption[] | undefined;
-                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyDown?: (() => any) | undefined;
+                    readonly onKeyUp?: (() => any) | undefined;
                     readonly onKeyEnter?: (() => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    readonly "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -68,22 +68,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
                 $host: Element | null;
-                $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void) & ((event: "keyUp") => void) & ((event: "keyDown") => void) & ((event: "keyEnter") => void);
+                $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
                 $el: HTMLSpanElement;
                 $options: import('vue').ComponentOptionsBase<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                    onKeyUp?: (() => any) | undefined;
                     onKeyDown?: (() => any) | undefined;
+                    onKeyUp?: (() => any) | undefined;
                     onKeyEnter?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    "onUpdate:focus"?: ((value: boolean) => any) | undefined;
                 }>, {
                     setFocus: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                    "update:modelValue": (value: string) => any;
-                    "update:focus": (value: boolean) => any;
-                    keyUp: () => any;
                     keyDown: () => any;
+                    keyUp: () => any;
                     keyEnter: () => any;
+                    "update:modelValue": (value: string) => any;
+                    "update:focus": (value: boolean) => any;
                 }, string, {
                     focus: boolean;
                     type: import('../../models').InputType;
@@ -115,11 +115,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 required: boolean;
                 disabled: boolean;
             }> & Omit<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
-                onKeyUp?: (() => any) | undefined;
                 onKeyDown?: (() => any) | undefined;
+                onKeyUp?: (() => any) | undefined;
                 onKeyEnter?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                "onUpdate:focus"?: ((value: boolean) => any) | undefined;
             }>, "setFocus" | ("focus" | "type" | "required" | "disabled")> & import('vue').ShallowUnwrapRef<{
                 setFocus: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.10.1'
+const PACKAGE_VERSION = '2.10.2'
 const INTEGRITY_CHECKSUM = 'f5825c521429caf22a4dd13b66e243af'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

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

@@ -1,4 +1,5 @@
 import { Caption } from './caption.model';
+import { Component } from 'vue';
 export interface BmsInputRadioGroupOption {
     value: any;
     label?: string;
@@ -23,3 +24,8 @@ export declare enum InputType {
     DATE = "date",
     DATETIME = "datetime-local"
 }
+export interface InputOption {
+    label: string;
+    value: any;
+    icon?: Component;
+}

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

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

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

@@ -1,23 +1,24 @@
-interface Props {
-    options: {
-        label: string;
-        value: any;
-    }[];
-    currentSelectedItemIndex?: number;
+import { InputOption } from '../../models';
+export interface Props {
+    options: InputOption[];
+    isInputFocused: boolean;
+    canAddNewOption?: boolean;
+    newOption?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: any) => any;
+    addNewOption: (option: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSelect?: ((option: any) => any) | undefined;
+    onAddNewOption?: ((option: string) => any) | undefined;
 }>, {
-    currentSelectedItemIndex: number;
+    canAddNewOption: boolean;
+    newOption: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>, {
     option?(_: {
-        option: {
-            label: string;
-            value: any;
-        };
+        option: InputOption;
     }): any;
+    'new-option'?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {