@ouestfrance/sipa-bms-ui 7.14.2 → 8.0.0
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.
- package/README.md +1 -1
- package/dist/components/form/BmsAutocomplete.vue.d.ts +8 -8
- package/dist/components/form/BmsInputText.vue.d.ts +13 -13
- package/dist/components/form/BmsSearch.vue.d.ts +13 -13
- package/dist/components/form/BmsSelect.vue.d.ts +9 -9
- package/dist/components/form/RawAutocomplete.vue.d.ts +30 -21
- package/dist/components/form/RawInputText.vue.d.ts +6 -6
- package/dist/components/navigation/UiTenantSwitcher.vue.d.ts +13 -13
- package/dist/components/table/BmsTableFilters.vue.d.ts +13 -13
- package/dist/models/form.model.d.ts +6 -0
- package/dist/plugins/field/FieldDatalist.spec.d.ts +1 -0
- package/dist/plugins/field/FieldDatalist.vue.d.ts +13 -12
- package/dist/sipa-bms-ui.css +37 -32
- package/dist/sipa-bms-ui.es.js +3476 -3409
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +3475 -3408
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +11 -11
- package/src/components/form/BmsAutocomplete.vue +14 -8
- package/src/components/form/BmsSelect.spec.ts +5 -14
- package/src/components/form/BmsSelect.vue +8 -52
- package/src/components/form/RawAutocomplete.spec.ts +20 -17
- package/src/components/form/RawAutocomplete.vue +56 -53
- package/src/components/table/BmsTableFilters.vue +2 -2
- package/src/models/form.model.ts +7 -0
- package/src/plugins/field/FieldDatalist.spec.ts +35 -0
- package/src/plugins/field/FieldDatalist.stories.js +10 -0
- package/src/plugins/field/FieldDatalist.vue +85 -7
- package/src/showroom/pages/autocomplete.vue +7 -0
- package/src/showroom/pages/forms.vue +1 -1
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -485,7 +485,7 @@
|
|
|
485
485
|
position: relative;
|
|
486
486
|
display: inline-block;
|
|
487
487
|
outline: none;
|
|
488
|
-
}ul[data-v-
|
|
488
|
+
}ul[data-v-4f63af62] {
|
|
489
489
|
border-style: none;
|
|
490
490
|
border-radius: 0 0 4px 4px;
|
|
491
491
|
text-decoration: none;
|
|
@@ -493,18 +493,18 @@
|
|
|
493
493
|
padding: 0;
|
|
494
494
|
margin: 0;
|
|
495
495
|
}
|
|
496
|
-
ul li[data-v-
|
|
496
|
+
ul li[data-v-4f63af62]:first-of-type {
|
|
497
497
|
border-top: 1px solid var(--bms-grey-10);
|
|
498
498
|
}
|
|
499
|
-
ul li[data-v-
|
|
499
|
+
ul li[data-v-4f63af62]:first-child {
|
|
500
500
|
border-top-left-radius: var(--bms-border-radius);
|
|
501
501
|
border-top-right-radius: var(--bms-border-radius);
|
|
502
502
|
}
|
|
503
|
-
ul li[data-v-
|
|
503
|
+
ul li[data-v-4f63af62]:last-child {
|
|
504
504
|
border-bottom-left-radius: var(--bms-border-radius);
|
|
505
505
|
border-bottom-right-radius: var(--bms-border-radius);
|
|
506
506
|
}
|
|
507
|
-
ul li[data-v-
|
|
507
|
+
ul li[data-v-4f63af62] {
|
|
508
508
|
display: flex;
|
|
509
509
|
align-items: center;
|
|
510
510
|
cursor: pointer;
|
|
@@ -514,7 +514,7 @@ ul li[data-v-739cbe9f] {
|
|
|
514
514
|
background-color: var(--bms-white);
|
|
515
515
|
min-height: 4rem;
|
|
516
516
|
}
|
|
517
|
-
ul li[data-v-
|
|
517
|
+
ul li[data-v-4f63af62]:hover, ul li.selected[data-v-4f63af62] {
|
|
518
518
|
background-color: var(--bms-grey-10);
|
|
519
519
|
}.input-wrapper[data-v-bde31ca8] {
|
|
520
520
|
display: flex;
|
|
@@ -582,7 +582,7 @@ ul li[data-v-739cbe9f]:hover, ul li.selected[data-v-739cbe9f] {
|
|
|
582
582
|
line-height: 1;
|
|
583
583
|
width: 100%;
|
|
584
584
|
background-color: transparent;
|
|
585
|
-
}.field__input .autocomplete-wrapper[data-v-
|
|
585
|
+
}.field__input .autocomplete-wrapper[data-v-143805f2] {
|
|
586
586
|
width: 100%;
|
|
587
587
|
padding: 0.7em;
|
|
588
588
|
margin: 0.5em 0;
|
|
@@ -591,22 +591,22 @@ ul li[data-v-739cbe9f]:hover, ul li.selected[data-v-739cbe9f] {
|
|
|
591
591
|
background-color: var(--input-background-color);
|
|
592
592
|
height: 48px;
|
|
593
593
|
}
|
|
594
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
594
|
+
.field__input .autocomplete-wrapper[data-v-143805f2]:hover {
|
|
595
595
|
--field-border-color: var(--bms-grey-100);
|
|
596
596
|
}
|
|
597
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
597
|
+
.field__input .autocomplete-wrapper[data-v-143805f2]:has(input:focus) {
|
|
598
598
|
--field-border-color: var(--field-border-color-active);
|
|
599
599
|
}
|
|
600
|
-
.field__input .autocomplete-wrapper.is-error[data-v-
|
|
600
|
+
.field__input .autocomplete-wrapper.is-error[data-v-143805f2] {
|
|
601
601
|
--field-border-color: var(--bms-red-100);
|
|
602
602
|
--input-background-color: var(--bms-red-25);
|
|
603
603
|
}
|
|
604
|
-
.field__input .autocomplete-wrapper.is-disabled[data-v-
|
|
604
|
+
.field__input .autocomplete-wrapper.is-disabled[data-v-143805f2] {
|
|
605
605
|
--field-border-color: var(--bms-grey-25);
|
|
606
606
|
--input-background-color: var(--bms-grey-25);
|
|
607
607
|
pointer-events: none;
|
|
608
608
|
}
|
|
609
|
-
.field__input .autocomplete-wrapper input[data-v-
|
|
609
|
+
.field__input .autocomplete-wrapper input[data-v-143805f2] {
|
|
610
610
|
outline: none;
|
|
611
611
|
appearance: none;
|
|
612
612
|
border: 0;
|
|
@@ -618,18 +618,23 @@ ul li[data-v-739cbe9f]:hover, ul li.selected[data-v-739cbe9f] {
|
|
|
618
618
|
line-height: 1;
|
|
619
619
|
width: 100%;
|
|
620
620
|
background-color: transparent;
|
|
621
|
-
}
|
|
621
|
+
}
|
|
622
|
+
.icon[data-v-143805f2] {
|
|
623
|
+
height: 1em;
|
|
624
|
+
width: 1em;
|
|
625
|
+
cursor: pointer;
|
|
626
|
+
}.icon[data-v-2adc5f5f] {
|
|
622
627
|
height: 1em;
|
|
623
628
|
width: 1em;
|
|
624
629
|
}
|
|
625
|
-
.icon.datalist-icon[data-v-
|
|
630
|
+
.icon.datalist-icon[data-v-2adc5f5f] {
|
|
626
631
|
margin: 0 0.5em;
|
|
627
632
|
}
|
|
628
|
-
.icon[data-v-
|
|
633
|
+
.icon[data-v-2adc5f5f] svg {
|
|
629
634
|
height: 100%;
|
|
630
635
|
width: 100%;
|
|
631
636
|
}
|
|
632
|
-
.icon[data-v-
|
|
637
|
+
.icon[data-v-2adc5f5f] svg * {
|
|
633
638
|
fill: currentColor !important;
|
|
634
639
|
}.field-between__separator[data-v-66be0ad9] {
|
|
635
640
|
margin-left: 10px;
|
|
@@ -1080,12 +1085,12 @@ input[type=radio][data-v-cb26402d]:checked::before {
|
|
|
1080
1085
|
cursor: var(--cursor);
|
|
1081
1086
|
}.clean-icon[data-v-66c267f2]:hover {
|
|
1082
1087
|
cursor: pointer;
|
|
1083
|
-
}.field__input[data-v-
|
|
1088
|
+
}.field__input[data-v-32aead3c] {
|
|
1084
1089
|
--field-border-color: var(--bms-grey-50);
|
|
1085
1090
|
--field-border-color-active: var(--bms-main-100);
|
|
1086
1091
|
--input-background-color: var(--bms-white);
|
|
1087
1092
|
}
|
|
1088
|
-
.field__input .select-wrapper[data-v-
|
|
1093
|
+
.field__input .select-wrapper[data-v-32aead3c] {
|
|
1089
1094
|
width: 100%;
|
|
1090
1095
|
padding: 0;
|
|
1091
1096
|
margin: 0.5em 0;
|
|
@@ -1096,35 +1101,35 @@ input[type=radio][data-v-cb26402d]:checked::before {
|
|
|
1096
1101
|
display: flex;
|
|
1097
1102
|
align-items: center;
|
|
1098
1103
|
}
|
|
1099
|
-
.field__input .select-wrapper .icon-down-container[data-v-
|
|
1104
|
+
.field__input .select-wrapper .icon-down-container[data-v-32aead3c] {
|
|
1100
1105
|
height: 100%;
|
|
1101
1106
|
display: flex;
|
|
1102
1107
|
align-items: center;
|
|
1103
1108
|
}
|
|
1104
|
-
.field__input .select-wrapper .icon-down-container[data-v-
|
|
1109
|
+
.field__input .select-wrapper .icon-down-container[data-v-32aead3c]:hover {
|
|
1105
1110
|
cursor: pointer;
|
|
1106
1111
|
}
|
|
1107
|
-
.field__input .select-wrapper .icon-down-button[data-v-
|
|
1112
|
+
.field__input .select-wrapper .icon-down-button[data-v-32aead3c] {
|
|
1108
1113
|
width: 1em;
|
|
1109
1114
|
margin: 0 1em 0 0.5em;
|
|
1110
1115
|
display: block;
|
|
1111
1116
|
}
|
|
1112
|
-
.field__input .select-wrapper[data-v-
|
|
1117
|
+
.field__input .select-wrapper[data-v-32aead3c]:hover {
|
|
1113
1118
|
--field-border-color: var(--bms-grey-100);
|
|
1114
1119
|
}
|
|
1115
|
-
.field__input .select-wrapper[data-v-
|
|
1120
|
+
.field__input .select-wrapper[data-v-32aead3c]:has(input:focus) {
|
|
1116
1121
|
--field-border-color: var(--field-border-color-active);
|
|
1117
1122
|
}
|
|
1118
|
-
.field__input .select-wrapper.is-error[data-v-
|
|
1123
|
+
.field__input .select-wrapper.is-error[data-v-32aead3c] {
|
|
1119
1124
|
--field-border-color: var(--bms-red-100);
|
|
1120
1125
|
--input-background-color: var(--bms-red-25);
|
|
1121
1126
|
}
|
|
1122
|
-
.field__input .select-wrapper.is-disabled[data-v-
|
|
1127
|
+
.field__input .select-wrapper.is-disabled[data-v-32aead3c] {
|
|
1123
1128
|
--field-border-color: var(--bms-grey-25);
|
|
1124
1129
|
--input-background-color: var(--bms-grey-25);
|
|
1125
1130
|
pointer-events: none;
|
|
1126
1131
|
}
|
|
1127
|
-
.field__input .select-wrapper input[data-v-
|
|
1132
|
+
.field__input .select-wrapper input[data-v-32aead3c] {
|
|
1128
1133
|
border: none;
|
|
1129
1134
|
background-color: transparent;
|
|
1130
1135
|
caret-color: transparent;
|
|
@@ -2258,36 +2263,36 @@ nav .additional[data-v-f1abaa99] {
|
|
|
2258
2263
|
.indicator-scale-leave-from[data-v-6047ada7] {
|
|
2259
2264
|
opacity: 1;
|
|
2260
2265
|
transform: scale(1);
|
|
2261
|
-
}.filters[data-v-
|
|
2266
|
+
}.filters[data-v-58f3ef61] {
|
|
2262
2267
|
padding: 16px;
|
|
2263
2268
|
background: var(--bms-white);
|
|
2264
2269
|
border: 1px solid var(--bms-grey-10);
|
|
2265
2270
|
border-radius: var(--bms-border-radius-large);
|
|
2266
2271
|
margin-bottom: 16px;
|
|
2267
2272
|
}
|
|
2268
|
-
.filters__header[data-v-
|
|
2273
|
+
.filters__header[data-v-58f3ef61] {
|
|
2269
2274
|
display: flex;
|
|
2270
2275
|
justify-content: space-between;
|
|
2271
2276
|
}
|
|
2272
|
-
.filters__header-title[data-v-
|
|
2277
|
+
.filters__header-title[data-v-58f3ef61] {
|
|
2273
2278
|
font-size: 18px;
|
|
2274
2279
|
font-weight: bold;
|
|
2275
2280
|
gap: 1rem;
|
|
2276
2281
|
display: flex;
|
|
2277
2282
|
align-items: center;
|
|
2278
2283
|
}
|
|
2279
|
-
.filters__inputs[data-v-
|
|
2284
|
+
.filters__inputs[data-v-58f3ef61] {
|
|
2280
2285
|
display: flex;
|
|
2281
2286
|
flex-wrap: wrap;
|
|
2282
2287
|
padding-top: 16px;
|
|
2283
2288
|
align-items: flex-end;
|
|
2284
2289
|
row-gap: 8px;
|
|
2285
2290
|
}
|
|
2286
|
-
.filters__inputs .input[data-v-
|
|
2291
|
+
.filters__inputs .input[data-v-58f3ef61] {
|
|
2287
2292
|
width: 25%;
|
|
2288
2293
|
padding-right: 32px;
|
|
2289
2294
|
}
|
|
2290
|
-
.filters__inputs .input.large[data-v-
|
|
2295
|
+
.filters__inputs .input.large[data-v-58f3ef61] {
|
|
2291
2296
|
width: 50%;
|
|
2292
2297
|
}.table-search[data-v-1a3ad3f2] {
|
|
2293
2298
|
width: 260px;
|