@ouestfrance/sipa-bms-ui 8.0.1 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/components/form/BmsInputText.vue.d.ts +7 -1
  2. package/dist/components/form/BmsSearch.vue.d.ts +10 -2
  3. package/dist/components/form/RawAutocomplete.vue.d.ts +5 -1
  4. package/dist/components/form/RawInputText.vue.d.ts +2 -0
  5. package/dist/components/navigation/UiTenantSwitcher.vue.d.ts +10 -2
  6. package/dist/components/table/BmsTableFilters.vue.d.ts +10 -2
  7. package/dist/helpers/form.helper.d.ts +1 -0
  8. package/dist/helpers/form.helper.spec.d.ts +1 -0
  9. package/dist/helpers/index.d.ts +1 -0
  10. package/dist/sipa-bms-ui.css +13 -13
  11. package/dist/sipa-bms-ui.es.js +11 -7
  12. package/dist/sipa-bms-ui.es.js.map +1 -1
  13. package/dist/sipa-bms-ui.umd.js +11 -6
  14. package/dist/sipa-bms-ui.umd.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/components/form/BmsInputText.spec.ts +12 -0
  17. package/src/components/form/BmsInputText.vue +8 -2
  18. package/src/components/form/RawInputText.vue +2 -0
  19. package/src/helpers/form.helper.spec.ts +33 -0
  20. package/src/helpers/form.helper.ts +2 -0
  21. package/src/helpers/index.ts +1 -0
  22. package/src/showroom/pages/forms.vue +27 -0
package/dist/components/form/BmsInputText.vue.d.ts CHANGED
@@ -15,8 +15,10 @@ export interface Props {
15
15
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
16
16
  setFocus: () => void;
17
17
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
18
+ blur: () => any;
18
19
  "update:modelValue": (value: string) => any;
19
20
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
21
+ onBlur?: (() => any) | undefined;
20
22
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
21
23
  }>, {
22
24
  label: string;
@@ -35,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
35
37
  readonly focus?: boolean | undefined;
36
38
  readonly type?: InputType | undefined;
37
39
  readonly errors?: string[] | Caption[] | undefined;
40
+ readonly onBlur?: (() => any) | undefined;
38
41
  readonly onKeyDown?: (() => any) | undefined;
39
42
  readonly onKeyUp?: (() => any) | undefined;
40
43
  readonly onKeyEnter?: (() => any) | undefined;
@@ -55,9 +58,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
55
58
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
56
59
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
57
60
  $host: Element | null;
58
- $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
61
+ $emit: ((event: "blur") => void) & ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
59
62
  $el: HTMLSpanElement;
60
63
  $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
64
+ onBlur?: (() => any) | undefined;
61
65
  onKeyDown?: (() => any) | undefined;
62
66
  onKeyUp?: (() => any) | undefined;
63
67
  onKeyEnter?: (() => any) | undefined;
@@ -66,6 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
66
70
  }>, {
67
71
  setFocus: () => void;
68
72
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
73
+ blur: () => any;
69
74
  keyDown: () => any;
70
75
  keyUp: () => any;
71
76
  keyEnter: () => any;
@@ -102,6 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
102
107
  required: boolean;
103
108
  disabled: boolean;
104
109
  }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
110
+ onBlur?: (() => any) | undefined;
105
111
  onKeyDown?: (() => any) | undefined;
106
112
  onKeyUp?: (() => any) | undefined;
107
113
  onKeyEnter?: (() => any) | undefined;
package/dist/components/form/BmsSearch.vue.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<Props, {
28
28
  readonly placeholder?: string | undefined;
29
29
  readonly captions?: string[] | Caption[] | undefined;
30
30
  readonly errors?: string[] | Caption[] | undefined;
31
+ readonly onBlur?: (() => any) | undefined;
31
32
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
32
33
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
33
34
  $attrs: {
@@ -47,6 +48,7 @@ declare const _default: import('vue').DefineComponent<Props, {
47
48
  readonly focus?: boolean | undefined;
48
49
  readonly type?: import('../..').InputType | undefined;
49
50
  readonly errors?: string[] | Caption[] | undefined;
51
+ readonly onBlur?: (() => any) | undefined;
50
52
  readonly onKeyDown?: (() => any) | undefined;
51
53
  readonly onKeyUp?: (() => any) | undefined;
52
54
  readonly onKeyEnter?: (() => any) | undefined;
@@ -67,9 +69,10 @@ declare const _default: import('vue').DefineComponent<Props, {
67
69
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
68
70
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
69
71
  $host: Element | null;
70
- $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
72
+ $emit: ((event: "blur") => void) & ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
71
73
  $el: HTMLSpanElement;
72
74
  $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
75
+ onBlur?: (() => any) | undefined;
73
76
  onKeyDown?: (() => any) | undefined;
74
77
  onKeyUp?: (() => any) | undefined;
75
78
  onKeyEnter?: (() => any) | undefined;
@@ -78,6 +81,7 @@ declare const _default: import('vue').DefineComponent<Props, {
78
81
  }>, {
79
82
  setFocus: () => void;
80
83
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
84
+ blur: () => any;
81
85
  keyDown: () => any;
82
86
  keyUp: () => any;
83
87
  keyEnter: () => any;
@@ -114,6 +118,7 @@ declare const _default: import('vue').DefineComponent<Props, {
114
118
  required: boolean;
115
119
  disabled: boolean;
116
120
  }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
121
+ onBlur?: (() => any) | undefined;
117
122
  onKeyDown?: (() => any) | undefined;
118
123
  onKeyUp?: (() => any) | undefined;
119
124
  onKeyEnter?: (() => any) | undefined;
@@ -135,13 +140,15 @@ declare const _default: import('vue').DefineComponent<Props, {
135
140
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
136
141
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
137
142
  $host: Element | null;
138
- $emit: (event: "update:modelValue", value: string) => void;
143
+ $emit: ((event: "blur") => void) & ((event: "update:modelValue", value: string) => void);
139
144
  $el: any;
140
145
  $options: import('vue').ComponentOptionsBase<Readonly<import('./BmsInputText.vue').Props> & Readonly<{
146
+ onBlur?: (() => any) | undefined;
141
147
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
142
148
  }>, {
143
149
  setFocus: () => void;
144
150
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
151
+ blur: () => any;
145
152
  "update:modelValue": (value: string) => any;
146
153
  }, string, {
147
154
  label: string;
@@ -174,6 +181,7 @@ declare const _default: import('vue').DefineComponent<Props, {
174
181
  disabled: boolean;
175
182
  inputType: import('../..').InputType;
176
183
  }> & Omit<Readonly<import('./BmsInputText.vue').Props> & Readonly<{
184
+ onBlur?: (() => any) | undefined;
177
185
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
178
186
  }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
179
187
  setFocus: () => void;
package/dist/components/form/RawAutocomplete.vue.d.ts CHANGED
@@ -43,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
43
43
  readonly focus?: boolean | undefined;
44
44
  readonly type?: InputType | undefined;
45
45
  readonly errors?: string[] | Caption[] | undefined;
46
+ readonly onBlur?: (() => any) | undefined;
46
47
  readonly onKeyDown?: (() => any) | undefined;
47
48
  readonly onKeyUp?: (() => any) | undefined;
48
49
  readonly onKeyEnter?: (() => any) | undefined;
@@ -63,9 +64,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
63
64
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
64
65
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
65
66
  $host: Element | null;
66
- $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
67
+ $emit: ((event: "blur") => void) & ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
67
68
  $el: HTMLSpanElement;
68
69
  $options: import('vue').ComponentOptionsBase<Readonly<import('./RawInputText.vue').Props> & Readonly<{
70
+ onBlur?: (() => any) | undefined;
69
71
  onKeyDown?: (() => any) | undefined;
70
72
  onKeyUp?: (() => any) | undefined;
71
73
  onKeyEnter?: (() => any) | undefined;
@@ -74,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
74
76
  }>, {
75
77
  setFocus: () => void;
76
78
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
79
+ blur: () => any;
77
80
  keyDown: () => any;
78
81
  keyUp: () => any;
79
82
  keyEnter: () => any;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
110
113
  required: boolean;
111
114
  disabled: boolean;
112
115
  }> & Omit<Readonly<import('./RawInputText.vue').Props> & Readonly<{
116
+ onBlur?: (() => any) | undefined;
113
117
  onKeyDown?: (() => any) | undefined;
114
118
  onKeyUp?: (() => any) | undefined;
115
119
  onKeyEnter?: (() => any) | undefined;
package/dist/components/form/RawInputText.vue.d.ts CHANGED
@@ -11,12 +11,14 @@ export interface Props {
11
11
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {
12
12
  setFocus: () => void;
13
13
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
14
+ blur: () => any;
14
15
  keyDown: () => any;
15
16
  keyUp: () => any;
16
17
  keyEnter: () => any;
17
18
  "update:modelValue": (value: string) => any;
18
19
  "update:focus": (value: boolean) => any;
19
20
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
21
+ onBlur?: (() => any) | undefined;
20
22
  onKeyDown?: (() => any) | undefined;
21
23
  onKeyUp?: (() => any) | undefined;
22
24
  onKeyEnter?: (() => any) | undefined;
package/dist/components/navigation/UiTenantSwitcher.vue.d.ts CHANGED
@@ -29,6 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
29
29
  readonly placeholder?: string | undefined;
30
30
  readonly captions?: string[] | import('../../models').Caption[] | undefined;
31
31
  readonly errors?: string[] | import('../../models').Caption[] | undefined;
32
+ readonly onBlur?: (() => any) | undefined;
32
33
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
33
34
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
34
35
  $attrs: {
@@ -48,6 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
48
49
  readonly focus?: boolean | undefined;
49
50
  readonly type?: import('../../models').InputType | undefined;
50
51
  readonly errors?: string[] | import('../../models').Caption[] | undefined;
52
+ readonly onBlur?: (() => any) | undefined;
51
53
  readonly onKeyDown?: (() => any) | undefined;
52
54
  readonly onKeyUp?: (() => any) | undefined;
53
55
  readonly onKeyEnter?: (() => any) | undefined;
@@ -68,9 +70,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
68
70
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
69
71
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
70
72
  $host: Element | null;
71
- $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
73
+ $emit: ((event: "blur") => void) & ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
72
74
  $el: HTMLSpanElement;
73
75
  $options: import('vue').ComponentOptionsBase<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
76
+ onBlur?: (() => any) | undefined;
74
77
  onKeyDown?: (() => any) | undefined;
75
78
  onKeyUp?: (() => any) | undefined;
76
79
  onKeyEnter?: (() => any) | undefined;
@@ -79,6 +82,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
79
82
  }>, {
80
83
  setFocus: () => void;
81
84
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
85
+ blur: () => any;
82
86
  keyDown: () => any;
83
87
  keyUp: () => any;
84
88
  keyEnter: () => any;
@@ -115,6 +119,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
115
119
  required: boolean;
116
120
  disabled: boolean;
117
121
  }> & Omit<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
122
+ onBlur?: (() => any) | undefined;
118
123
  onKeyDown?: (() => any) | undefined;
119
124
  onKeyUp?: (() => any) | undefined;
120
125
  onKeyEnter?: (() => any) | undefined;
@@ -136,13 +141,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
136
141
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
137
142
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
138
143
  $host: Element | null;
139
- $emit: (event: "update:modelValue", value: string) => void;
144
+ $emit: ((event: "blur") => void) & ((event: "update:modelValue", value: string) => void);
140
145
  $el: any;
141
146
  $options: import('vue').ComponentOptionsBase<Readonly<import('../form/BmsInputText.vue').Props> & Readonly<{
147
+ onBlur?: (() => any) | undefined;
142
148
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
143
149
  }>, {
144
150
  setFocus: () => void;
145
151
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
152
+ blur: () => any;
146
153
  "update:modelValue": (value: string) => any;
147
154
  }, string, {
148
155
  label: string;
@@ -175,6 +182,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
175
182
  disabled: boolean;
176
183
  inputType: import('../../models').InputType;
177
184
  }> & Omit<Readonly<import('../form/BmsInputText.vue').Props> & Readonly<{
185
+ onBlur?: (() => any) | undefined;
178
186
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
179
187
  }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
180
188
  setFocus: () => void;
package/dist/components/table/BmsTableFilters.vue.d.ts CHANGED
@@ -29,6 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
29
29
  readonly placeholder?: string | undefined;
30
30
  readonly captions?: string[] | import('../../models').Caption[] | undefined;
31
31
  readonly errors?: string[] | import('../../models').Caption[] | undefined;
32
+ readonly onBlur?: (() => any) | undefined;
32
33
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
33
34
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
34
35
  $attrs: {
@@ -48,6 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
48
49
  readonly focus?: boolean | undefined;
49
50
  readonly type?: import('../../models').InputType | undefined;
50
51
  readonly errors?: string[] | import('../../models').Caption[] | undefined;
52
+ readonly onBlur?: (() => any) | undefined;
51
53
  readonly onKeyDown?: (() => any) | undefined;
52
54
  readonly onKeyUp?: (() => any) | undefined;
53
55
  readonly onKeyEnter?: (() => any) | undefined;
@@ -68,9 +70,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
68
70
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
69
71
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
70
72
  $host: Element | null;
71
- $emit: ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
73
+ $emit: ((event: "blur") => void) & ((event: "keyDown") => void) & ((event: "keyUp") => void) & ((event: "keyEnter") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:focus", value: boolean) => void);
72
74
  $el: HTMLSpanElement;
73
75
  $options: import('vue').ComponentOptionsBase<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
76
+ onBlur?: (() => any) | undefined;
74
77
  onKeyDown?: (() => any) | undefined;
75
78
  onKeyUp?: (() => any) | undefined;
76
79
  onKeyEnter?: (() => any) | undefined;
@@ -79,6 +82,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
79
82
  }>, {
80
83
  setFocus: () => void;
81
84
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
85
+ blur: () => any;
82
86
  keyDown: () => any;
83
87
  keyUp: () => any;
84
88
  keyEnter: () => any;
@@ -115,6 +119,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
115
119
  required: boolean;
116
120
  disabled: boolean;
117
121
  }> & Omit<Readonly<import('../form/RawInputText.vue').Props> & Readonly<{
122
+ onBlur?: (() => any) | undefined;
118
123
  onKeyDown?: (() => any) | undefined;
119
124
  onKeyUp?: (() => any) | undefined;
120
125
  onKeyEnter?: (() => any) | undefined;
@@ -136,13 +141,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
136
141
  $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
137
142
  $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
138
143
  $host: Element | null;
139
- $emit: (event: "update:modelValue", value: string) => void;
144
+ $emit: ((event: "blur") => void) & ((event: "update:modelValue", value: string) => void);
140
145
  $el: any;
141
146
  $options: import('vue').ComponentOptionsBase<Readonly<import('../form/BmsInputText.vue').Props> & Readonly<{
147
+ onBlur?: (() => any) | undefined;
142
148
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
143
149
  }>, {
144
150
  setFocus: () => void;
145
151
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
152
+ blur: () => any;
146
153
  "update:modelValue": (value: string) => any;
147
154
  }, string, {
148
155
  label: string;
@@ -175,6 +182,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
175
182
  disabled: boolean;
176
183
  inputType: import('../../models').InputType;
177
184
  }> & Omit<Readonly<import('../form/BmsInputText.vue').Props> & Readonly<{
185
+ onBlur?: (() => any) | undefined;
178
186
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
179
187
  }>, "setFocus" | ("label" | "required" | "disabled" | "inputType")> & import('vue').ShallowUnwrapRef<{
180
188
  setFocus: () => void;
package/dist/helpers/form.helper.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const BMS_FORM_VALID_URL_REGEX: RegExp;
package/dist/helpers/form.helper.spec.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/helpers/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from './date.helper';
2
2
  export * from './file.helper';
3
+ export * from './form.helper';
3
4
  export * from './location.helper';
4
5
  export * from './problem.helper';
5
6
  export * from './string.helper';
package/dist/sipa-bms-ui.css CHANGED
@@ -516,7 +516,7 @@ ul li[data-v-4f63af62] {
516
516
  }
517
517
  ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
518
518
  background-color: var(--bms-grey-10);
519
- }.input-wrapper[data-v-bde31ca8] {
519
+ }.input-wrapper[data-v-c1fe71b9] {
520
520
  display: flex;
521
521
  align-items: center;
522
522
  width: 100%;
@@ -527,25 +527,25 @@ ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
527
527
  background-color: var(--input-background-color);
528
528
  height: 48px;
529
529
  }
530
- .input-wrapper[data-v-bde31ca8]:hover {
530
+ .input-wrapper[data-v-c1fe71b9]:hover {
531
531
  --field-border-color: var(--bms-grey-100);
532
532
  }
533
- .input-wrapper[data-v-bde31ca8]:has(input:focus) {
533
+ .input-wrapper[data-v-c1fe71b9]:has(input:focus) {
534
534
  box-shadow: 0 0 4px 4px var(--bms-main-25);
535
535
  --field-border-color: var(--field-border-color-active);
536
536
  }
537
- .input-wrapper.is-error[data-v-bde31ca8] {
537
+ .input-wrapper.is-error[data-v-c1fe71b9] {
538
538
  --field-border-color: var(--bms-red-100);
539
539
  --input-background-color: var(--bms-red-25);
540
540
  }
541
- .input-wrapper.is-disabled[data-v-bde31ca8] {
541
+ .input-wrapper.is-disabled[data-v-c1fe71b9] {
542
542
  --field-border-color: var(--bms-grey-25);
543
543
  --input-background-color: var(--bms-grey-25);
544
544
  }
545
- .input-wrapper.is-disabled input[data-v-bde31ca8] {
545
+ .input-wrapper.is-disabled input[data-v-c1fe71b9] {
546
546
  pointer-events: none;
547
547
  }
548
- .input-wrapper .field__input-label[data-v-bde31ca8] {
548
+ .input-wrapper .field__input-label[data-v-c1fe71b9] {
549
549
  display: block;
550
550
  color: var(--bms-grey-50);
551
551
  font-size: 12px;
@@ -553,24 +553,24 @@ ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
553
553
  margin-top: 6px;
554
554
  margin-bottom: 4px;
555
555
  }
556
- .input-wrapper .field__input-icon[data-v-bde31ca8] {
556
+ .input-wrapper .field__input-icon[data-v-c1fe71b9] {
557
557
  display: flex;
558
558
  }
559
- .input-wrapper .field__input-icon--start[data-v-bde31ca8] {
559
+ .input-wrapper .field__input-icon--start[data-v-c1fe71b9] {
560
560
  margin-right: 0.5em;
561
561
  }
562
- .input-wrapper .field__input-icon--end[data-v-bde31ca8] {
562
+ .input-wrapper .field__input-icon--end[data-v-c1fe71b9] {
563
563
  margin-left: 0.5em;
564
564
  }
565
- .input-wrapper .field__input-icon[data-v-bde31ca8] svg {
565
+ .input-wrapper .field__input-icon[data-v-c1fe71b9] svg {
566
566
  width: 1em;
567
567
  height: 1em;
568
568
  display: block;
569
569
  }
570
- .input-wrapper .field__input-icon[data-v-bde31ca8]:empty {
570
+ .input-wrapper .field__input-icon[data-v-c1fe71b9]:empty {
571
571
  display: none;
572
572
  }
573
- .input-wrapper input[data-v-bde31ca8] {
573
+ .input-wrapper input[data-v-c1fe71b9] {
574
574
  outline: none;
575
575
  appearance: none;
576
576
  border: 0;
package/dist/sipa-bms-ui.es.js CHANGED
@@ -138,6 +138,8 @@ const getImageFromFile = async (file) => {
138
138
  });
139
139
  };
140
140
 
141
+ const BMS_FORM_VALID_URL_REGEX = /^(https?:\/\/)?(localhost(:\d+)?|([\da-zA-Z][-\da-zA-Z]*[\da-zA-Z]\.)+[a-zA-Z]{2,6})(\/[\w .-]*)*\/?$/;
142
+
141
143
  const getCurrentLocation = () => {
142
144
  return window.location;
143
145
  };
@@ -36759,7 +36761,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
36759
36761
  type: { default: InputType.TEXT },
36760
36762
  errors: {}
36761
36763
  },
36762
- emits: ["update:modelValue", "update:focus", "keyUp", "keyDown", "keyEnter"],
36764
+ emits: ["update:modelValue", "update:focus", "blur", "keyUp", "keyDown", "keyEnter"],
36763
36765
  setup(__props, { expose: __expose, emit: __emit }) {
36764
36766
  const props = __props;
36765
36767
  const input = ref(null);
@@ -36809,11 +36811,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
36809
36811
  placeholder: _ctx.placeholder,
36810
36812
  required: _ctx.required,
36811
36813
  disabled: _ctx.disabled,
36814
+ onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
36812
36815
  onInput,
36813
36816
  onKeydown: [
36814
- _cache[0] || (_cache[0] = withKeys(($event) => $emits("keyUp"), ["up"])),
36815
- _cache[1] || (_cache[1] = withKeys(($event) => $emits("keyDown"), ["down"])),
36816
- _cache[2] || (_cache[2] = withKeys(($event) => $emits("keyEnter"), ["enter"]))
36817
+ _cache[1] || (_cache[1] = withKeys(($event) => $emits("keyUp"), ["up"])),
36818
+ _cache[2] || (_cache[2] = withKeys(($event) => $emits("keyDown"), ["down"])),
36819
+ _cache[3] || (_cache[3] = withKeys(($event) => $emits("keyEnter"), ["enter"]))
36817
36820
  ]
36818
36821
  }, null, 40, _hoisted_3$e),
36819
36822
  createElementVNode("span", _hoisted_4$b, [
@@ -36824,7 +36827,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
36824
36827
  }
36825
36828
  });
36826
36829
 
36827
- const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-bde31ca8"]]);
36830
+ const RawInputText = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c1fe71b9"]]);
36828
36831
 
36829
36832
  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
36830
36833
  __name: "RawAutocomplete",
@@ -66338,7 +66341,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
66338
66341
  captions: {},
66339
66342
  errors: {}
66340
66343
  },
66341
- emits: ["update:modelValue"],
66344
+ emits: ["update:modelValue", "blur"],
66342
66345
  setup(__props, { expose: __expose, emit: __emit }) {
66343
66346
  const props = __props;
66344
66347
  const input = ref(null);
@@ -66377,6 +66380,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
66377
66380
  disabled: _ctx.disabled,
66378
66381
  errors: _ctx.errors,
66379
66382
  hasDate: false,
66383
+ onBlur: _cache[0] || (_cache[0] = ($event) => $emits("blur")),
66380
66384
  onInput,
66381
66385
  onKeyup: onInput
66382
66386
  }, {
@@ -102783,5 +102787,5 @@ const createBmsUi = () => ({
102783
102787
  }
102784
102788
  });
102785
102789
 
102786
- export { BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1e as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1d as BmsIconButton, BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$T as BmsInputDateTime, BmsInputFile, _sfc_main$R as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$U as BmsInputText, BmsInputToggle, _sfc_main$1h as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$4 as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerTable, BmsShortLinkMenu, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
102790
+ export { BMS_FORM_VALID_URL_REGEX, BmsAlert, BmsAutocomplete, BmsBackButton, BmsBadge, BmsBetweenInput, BmsBreadcrumb, _sfc_main$1e as BmsButton, BmsCaption, BmsCard, BmsChip, BmsCircularProgress, BmsCocarde, BmsContentPageLayout, BmsDraggableList, BmsEmptyScreen, BmsFilePicker, BmsForm, BmsHeader, BmsHeaderTitle, _sfc_main$1d as BmsIconButton, BmsInputBooleanCheckbox, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCheckboxGroup, BmsInputCode, _sfc_main$T as BmsInputDateTime, BmsInputFile, _sfc_main$R as BmsInputNumber, BmsInputRadio, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputRadioGroup, _sfc_main$U as BmsInputText, BmsInputToggle, _sfc_main$1h as BmsLink, BmsLoader, BmsMenu, BmsMenuNav, BmsModal, BmsNotificationsInstance, BmsOverlay, BmsPagination, BmsProblem, _sfc_main$4 as BmsRelativeTime, BmsSearch, BmsSection, BmsSelect, BmsServerTable, BmsShortLinkMenu, BmsStep, BmsStepper, BmsTable, BmsTabs, BmsTag, BmsTenantSwitcher, BmsTextArea, BmsTooltip, ChipColor, CocardeBorder, ConfirmInstance, InputType, KeycloakAuthAdapterInstance, RuntimeEnv, SelectMode, SortValue, StatusType, TooltipDirection, confirmPlugin, convertStringToCaption, createBmsUi, createRuntimeEnv, defaultSortFunction, enforceActionsColumnHeader, featureFlipperPlugin, fetchRuntimeEnv, field, getCurrentHistory, getCurrentLocation, getFiltersAsQueryParams, getImageFromFile, getNumberFromPathQuery, getStringFromPathQuery, getUserPrefFromLocalStorage, getValueByPath, handleValueInSearchParams, isEmptyStringOrNotDefined, isExternalLink, isFileImage, isProblem, keycloakAuthAdapter, keycloakAuthAdapterInit, notifications, readableDate, reflectFiltersToPath, reflectSearchToPath, relativeDate, relativeDateDefaultFormatFunction, routerHistoryPlugin, sanitizeHtml, sanitizeString, saveValuesToPathQuery, searchString, setUserPrefFromLocalStorage, useClipboard, useConfirm, useFeatureFlipper, useKeycloakAuthAdapter, useNotifications, usePagination, useRouterHistory, useRuntimeEnv, useSearch, useSort, useUserPref, writeLocation };
102787
102791
  //# sourceMappingURL=sipa-bms-ui.es.js.map