@ouestfrance/sipa-bms-ui 7.14.2 → 8.0.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 (30) hide show
  1. package/README.md +1 -1
  2. package/dist/components/form/BmsAutocomplete.vue.d.ts +8 -8
  3. package/dist/components/form/BmsInputText.vue.d.ts +13 -13
  4. package/dist/components/form/BmsSearch.vue.d.ts +13 -13
  5. package/dist/components/form/BmsSelect.vue.d.ts +9 -9
  6. package/dist/components/form/RawAutocomplete.vue.d.ts +30 -21
  7. package/dist/components/form/RawInputText.vue.d.ts +6 -6
  8. package/dist/components/navigation/UiTenantSwitcher.vue.d.ts +13 -13
  9. package/dist/components/table/BmsTableFilters.vue.d.ts +13 -13
  10. package/dist/models/form.model.d.ts +6 -0
  11. package/dist/plugins/field/FieldDatalist.spec.d.ts +1 -0
  12. package/dist/plugins/field/FieldDatalist.vue.d.ts +13 -12
  13. package/dist/sipa-bms-ui.css +37 -32
  14. package/dist/sipa-bms-ui.es.js +3479 -3409
  15. package/dist/sipa-bms-ui.es.js.map +1 -1
  16. package/dist/sipa-bms-ui.umd.js +3478 -3408
  17. package/dist/sipa-bms-ui.umd.js.map +1 -1
  18. package/package.json +11 -11
  19. package/src/components/form/BmsAutocomplete.vue +17 -8
  20. package/src/components/form/BmsSelect.spec.ts +5 -14
  21. package/src/components/form/BmsSelect.vue +8 -52
  22. package/src/components/form/RawAutocomplete.spec.ts +20 -17
  23. package/src/components/form/RawAutocomplete.vue +56 -53
  24. package/src/components/table/BmsTableFilters.vue +2 -2
  25. package/src/models/form.model.ts +7 -0
  26. package/src/plugins/field/FieldDatalist.spec.ts +35 -0
  27. package/src/plugins/field/FieldDatalist.stories.js +10 -0
  28. package/src/plugins/field/FieldDatalist.vue +85 -7
  29. package/src/showroom/pages/autocomplete.vue +7 -0
  30. package/src/showroom/pages/forms.vue +1 -1
@@ -485,7 +485,7 @@
485
485
  position: relative;
486
486
  display: inline-block;
487
487
  outline: none;
488
- }ul[data-v-739cbe9f] {
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-739cbe9f]:first-of-type {
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-739cbe9f]:first-child {
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-739cbe9f]:last-child {
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-739cbe9f] {
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-739cbe9f]:hover, ul li.selected[data-v-739cbe9f] {
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-52384854] {
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-52384854]:hover {
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-52384854]:has(input:focus) {
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-52384854] {
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-52384854] {
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-52384854] {
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
- }.icon[data-v-dd6c744e] {
621
+ }
622
+ .icon[data-v-143805f2] {
623
+ height: 1em;
624
+ width: 1em;
625
+ cursor: pointer;
626
+ }.icon[data-v-8bcd327f] {
622
627
  height: 1em;
623
628
  width: 1em;
624
629
  }
625
- .icon.datalist-icon[data-v-dd6c744e] {
630
+ .icon.datalist-icon[data-v-8bcd327f] {
626
631
  margin: 0 0.5em;
627
632
  }
628
- .icon[data-v-dd6c744e] svg {
633
+ .icon[data-v-8bcd327f] svg {
629
634
  height: 100%;
630
635
  width: 100%;
631
636
  }
632
- .icon[data-v-dd6c744e] svg * {
637
+ .icon[data-v-8bcd327f] 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-b2231812] {
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-b2231812] {
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-b2231812] {
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-b2231812]:hover {
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-b2231812] {
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-b2231812]:hover {
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-b2231812]:has(input:focus) {
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-b2231812] {
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-b2231812] {
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-b2231812] {
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-2b0ed89e] {
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-2b0ed89e] {
2273
+ .filters__header[data-v-58f3ef61] {
2269
2274
  display: flex;
2270
2275
  justify-content: space-between;
2271
2276
  }
2272
- .filters__header-title[data-v-2b0ed89e] {
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-2b0ed89e] {
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-2b0ed89e] {
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-2b0ed89e] {
2295
+ .filters__inputs .input.large[data-v-58f3ef61] {
2291
2296
  width: 50%;
2292
2297
  }.table-search[data-v-1a3ad3f2] {
2293
2298
  width: 260px;