@ouestfrance/sipa-bms-ui 8.26.2 → 8.28.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/dist/components/button/BmsButton.vue.d.ts +2 -2
- package/dist/components/form/BmsCombobox.vue.d.ts +15 -0
- package/dist/plugins/field/FieldDatalist.vue.d.ts +2 -0
- package/dist/sipa-bms-ui.css +39 -29
- package/dist/sipa-bms-ui.es.js +4837 -4426
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +4837 -4426
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +11 -11
- package/src/components/button/BmsAllButtons.stories.js +1 -1
- package/src/components/button/BmsButton.vue +1 -1
- package/src/components/form/BmsCombobox.stories.js +57 -29
- package/src/components/form/BmsCombobox.vue +50 -25
- package/src/components/form/BmsInputToggle.stories.js +8 -0
- package/src/components/form/BmsInputToggle.vue +19 -1
- package/src/components/table/BmsTable.vue +1 -11
- package/src/plugins/field/FieldDatalist.vue +15 -2
- package/src/showroom/pages/combobox.vue +45 -0
- package/dist/showroom/pages/table.vue.d.ts +0 -2
|
@@ -3,7 +3,7 @@ import { StatusType } from '../../models/status-type.model';
|
|
|
3
3
|
interface Props {
|
|
4
4
|
type?: 'primary' | 'secondary' | 'tertiary';
|
|
5
5
|
to?: RouteLocationRaw | null;
|
|
6
|
-
mode?: StatusType
|
|
6
|
+
mode?: StatusType;
|
|
7
7
|
submit?: boolean;
|
|
8
8
|
small?: boolean;
|
|
9
9
|
}
|
|
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
|
|
|
11
11
|
submit: boolean;
|
|
12
12
|
to: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
13
13
|
type: "primary" | "secondary" | "tertiary";
|
|
14
|
-
mode: StatusType
|
|
14
|
+
mode: StatusType;
|
|
15
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
16
16
|
start?(_: {}): any;
|
|
17
17
|
default?(_: {}): any;
|
|
@@ -14,6 +14,7 @@ export interface SelectProps extends FieldComponentProps {
|
|
|
14
14
|
type __VLS_Props = SelectProps;
|
|
15
15
|
type __VLS_PublicProps = {
|
|
16
16
|
modelValue?: any | any[] | null;
|
|
17
|
+
'searching'?: string;
|
|
17
18
|
} & __VLS_Props;
|
|
18
19
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
|
|
19
20
|
setFocus: () => void;
|
|
@@ -21,10 +22,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
21
22
|
select: (option: InputOption) => any;
|
|
22
23
|
"update:modelValue": (value: any) => any;
|
|
23
24
|
addNewOption: (newOption: any) => any;
|
|
25
|
+
"update:searching": (value: string) => any;
|
|
24
26
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
25
27
|
onSelect?: ((option: InputOption) => any) | undefined;
|
|
26
28
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
27
29
|
onAddNewOption?: ((newOption: any) => any) | undefined;
|
|
30
|
+
"onUpdate:searching"?: ((value: string) => any) | undefined;
|
|
28
31
|
}>, {
|
|
29
32
|
autocomplete: boolean;
|
|
30
33
|
small: boolean;
|
|
@@ -38,8 +41,20 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
38
41
|
selectElement: HTMLDivElement;
|
|
39
42
|
inputElement: HTMLInputElement;
|
|
40
43
|
}, HTMLDivElement>, {
|
|
44
|
+
'selected-items'?(_: {
|
|
45
|
+
selectedItems: InputOption[];
|
|
46
|
+
dismiss: (value: string) => void;
|
|
47
|
+
}): any;
|
|
48
|
+
'selected-item'?(_: {
|
|
49
|
+
selectedItem: InputOption;
|
|
50
|
+
}): any;
|
|
51
|
+
'input-element'?(_: {
|
|
52
|
+
searching: string;
|
|
53
|
+
onOpenDatalist: () => void;
|
|
54
|
+
}): any;
|
|
41
55
|
option?(_: {
|
|
42
56
|
option: InputOption;
|
|
57
|
+
isSelected: boolean;
|
|
43
58
|
}): any;
|
|
44
59
|
'new-option'?(_: {
|
|
45
60
|
newOption: string;
|
|
@@ -5,6 +5,7 @@ export interface Props {
|
|
|
5
5
|
canAddNewOption?: boolean;
|
|
6
6
|
newOption?: string;
|
|
7
7
|
small?: boolean;
|
|
8
|
+
size?: number;
|
|
8
9
|
}
|
|
9
10
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
11
|
select: (option: any) => any;
|
|
@@ -16,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
|
|
|
16
17
|
onAddNewOption?: ((option: string) => any) | undefined;
|
|
17
18
|
}>, {
|
|
18
19
|
small: boolean;
|
|
20
|
+
size: number;
|
|
19
21
|
canAddNewOption: boolean;
|
|
20
22
|
newOption: string;
|
|
21
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
position: relative;
|
|
579
579
|
display: inline-block;
|
|
580
580
|
outline: none;
|
|
581
|
-
}ul[data-v-
|
|
581
|
+
}ul[data-v-89161e62] {
|
|
582
582
|
border-style: none;
|
|
583
583
|
border-radius: 0 0 4px 4px;
|
|
584
584
|
text-decoration: none;
|
|
@@ -588,18 +588,18 @@
|
|
|
588
588
|
--field-padding: 0.4em;
|
|
589
589
|
--field-height: 4rem;
|
|
590
590
|
}
|
|
591
|
-
ul li[data-v-
|
|
591
|
+
ul li[data-v-89161e62]:first-of-type {
|
|
592
592
|
border-top: 1px solid var(--bms-grey-10);
|
|
593
593
|
}
|
|
594
|
-
ul li[data-v-
|
|
594
|
+
ul li[data-v-89161e62]:first-child {
|
|
595
595
|
border-top-left-radius: var(--bms-border-radius);
|
|
596
596
|
border-top-right-radius: var(--bms-border-radius);
|
|
597
597
|
}
|
|
598
|
-
ul li[data-v-
|
|
598
|
+
ul li[data-v-89161e62]:last-child {
|
|
599
599
|
border-bottom-left-radius: var(--bms-border-radius);
|
|
600
600
|
border-bottom-right-radius: var(--bms-border-radius);
|
|
601
601
|
}
|
|
602
|
-
ul li[data-v-
|
|
602
|
+
ul li[data-v-89161e62] {
|
|
603
603
|
display: flex;
|
|
604
604
|
align-items: center;
|
|
605
605
|
cursor: pointer;
|
|
@@ -608,12 +608,14 @@ ul li[data-v-5ec9b35c] {
|
|
|
608
608
|
border-top: none;
|
|
609
609
|
background-color: var(--bms-white);
|
|
610
610
|
min-height: var(--field-height);
|
|
611
|
+
word-break: break-word;
|
|
612
|
+
line-break: anywhere;
|
|
611
613
|
}
|
|
612
|
-
ul li.small[data-v-
|
|
614
|
+
ul li.small[data-v-89161e62] {
|
|
613
615
|
--field-padding: 0.2em 0.4em;
|
|
614
616
|
--field-height: 2rem;
|
|
615
617
|
}
|
|
616
|
-
ul li[data-v-
|
|
618
|
+
ul li[data-v-89161e62]:hover, ul li.selected[data-v-89161e62] {
|
|
617
619
|
background-color: var(--bms-grey-10);
|
|
618
620
|
}.input-wrapper[data-v-47a0ec36] {
|
|
619
621
|
display: flex;
|
|
@@ -1167,7 +1169,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1167
1169
|
.switch-wrapper.disabled[data-v-6de1a5c6] {
|
|
1168
1170
|
--switch-background-color: var(--bms-grey-25);
|
|
1169
1171
|
--switch-color: var(--bms-grey-50);
|
|
1170
|
-
}.input-toggle[data-v-
|
|
1172
|
+
}.input-toggle[data-v-ff0d1a1d] {
|
|
1171
1173
|
--label-color: var(--bms-grey-100);
|
|
1172
1174
|
--cursor: pointer;
|
|
1173
1175
|
font-weight: var(--field-label-font-weight);
|
|
@@ -1175,28 +1177,36 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1175
1177
|
align-items: center;
|
|
1176
1178
|
gap: 0.5em;
|
|
1177
1179
|
}
|
|
1178
|
-
.input-
|
|
1180
|
+
.input-toggle__label-group[data-v-ff0d1a1d] {
|
|
1181
|
+
display: flex;
|
|
1182
|
+
align-items: center;
|
|
1183
|
+
}
|
|
1184
|
+
.input-toggle.overflow[data-v-ff0d1a1d] {
|
|
1179
1185
|
width: 100%;
|
|
1180
1186
|
}
|
|
1181
|
-
.input-toggle.overflow .input-
|
|
1187
|
+
.input-toggle.overflow .input-toggle__label-group[data-v-ff0d1a1d] {
|
|
1188
|
+
flex: 1;
|
|
1189
|
+
min-width: 0;
|
|
1190
|
+
}
|
|
1191
|
+
.input-toggle.overflow .input-switch-info[data-v-ff0d1a1d] {
|
|
1182
1192
|
width: 100%;
|
|
1183
1193
|
white-space: nowrap;
|
|
1184
1194
|
overflow: hidden;
|
|
1185
1195
|
word-break: break-all;
|
|
1186
1196
|
text-overflow: ellipsis;
|
|
1187
1197
|
}
|
|
1188
|
-
.input-toggle .input-switch-info[data-v-
|
|
1198
|
+
.input-toggle .input-switch-info[data-v-ff0d1a1d] {
|
|
1189
1199
|
color: var(--label-color);
|
|
1190
1200
|
transition: 0.2s;
|
|
1191
1201
|
}
|
|
1192
|
-
.input-toggle.isOn[data-v-
|
|
1202
|
+
.input-toggle.isOn[data-v-ff0d1a1d] {
|
|
1193
1203
|
--label-color: var(--bms-main-100);
|
|
1194
1204
|
}
|
|
1195
|
-
.input-toggle.disabled[data-v-
|
|
1205
|
+
.input-toggle.disabled[data-v-ff0d1a1d] {
|
|
1196
1206
|
--label-color: var(--bms-grey-50);
|
|
1197
1207
|
--cursor: default;
|
|
1198
1208
|
}
|
|
1199
|
-
.input-toggle[data-v-
|
|
1209
|
+
.input-toggle[data-v-ff0d1a1d]:hover {
|
|
1200
1210
|
cursor: var(--cursor);
|
|
1201
1211
|
}.tag[data-v-66a1abd4] {
|
|
1202
1212
|
--tag-border-color: var(--bms-main-100);
|
|
@@ -1351,12 +1361,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1351
1361
|
line-height: 1;
|
|
1352
1362
|
width: 100%;
|
|
1353
1363
|
height: 100%;
|
|
1354
|
-
}.select-wrapper[data-v-
|
|
1364
|
+
}.select-wrapper[data-v-421fb8eb] {
|
|
1355
1365
|
--field-border-color: var(--bms-grey-50);
|
|
1356
1366
|
--field-border-color-active: var(--bms-main-100);
|
|
1357
1367
|
--input-background-color: var(--bms-white);
|
|
1358
1368
|
}
|
|
1359
|
-
.select-wrapper .select-input[data-v-
|
|
1369
|
+
.select-wrapper .select-input[data-v-421fb8eb] {
|
|
1360
1370
|
width: 100%;
|
|
1361
1371
|
padding: 0 0 0 var(--field-padding);
|
|
1362
1372
|
border-radius: var(--bms-border-radius);
|
|
@@ -1367,7 +1377,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1367
1377
|
align-items: center;
|
|
1368
1378
|
justify-content: space-between;
|
|
1369
1379
|
}
|
|
1370
|
-
.select-wrapper .select-input input[data-v-
|
|
1380
|
+
.select-wrapper .select-input input[data-v-421fb8eb] {
|
|
1371
1381
|
border: none;
|
|
1372
1382
|
background-color: transparent;
|
|
1373
1383
|
flex-grow: 1;
|
|
@@ -1383,49 +1393,49 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1383
1393
|
width: 100%;
|
|
1384
1394
|
height: 100%;
|
|
1385
1395
|
}
|
|
1386
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1396
|
+
.select-wrapper .select-input__tags[data-v-421fb8eb] {
|
|
1387
1397
|
display: flex;
|
|
1388
1398
|
gap: 0.5em;
|
|
1389
1399
|
padding: var(--field-margin);
|
|
1390
1400
|
flex-wrap: wrap;
|
|
1391
1401
|
}
|
|
1392
|
-
.select-wrapper .select-input__tags[data-v-
|
|
1402
|
+
.select-wrapper .select-input__tags[data-v-421fb8eb]:not(:empty) {
|
|
1393
1403
|
margin-right: 0.5em;
|
|
1394
1404
|
}
|
|
1395
|
-
.select-wrapper .select-input[data-v-
|
|
1405
|
+
.select-wrapper .select-input[data-v-421fb8eb]:hover {
|
|
1396
1406
|
--field-border-color: var(--bms-grey-100);
|
|
1397
1407
|
}
|
|
1398
|
-
.select-wrapper .select-input[data-v-
|
|
1408
|
+
.select-wrapper .select-input[data-v-421fb8eb]:has(input:focus) {
|
|
1399
1409
|
--field-border-color: var(--field-border-color-active);
|
|
1400
1410
|
}
|
|
1401
|
-
.select-wrapper .select-input.is-error[data-v-
|
|
1411
|
+
.select-wrapper .select-input.is-error[data-v-421fb8eb] {
|
|
1402
1412
|
--field-border-color: var(--bms-red-100);
|
|
1403
1413
|
--input-background-color: var(--bms-red-25);
|
|
1404
1414
|
}
|
|
1405
|
-
.select-wrapper .select-input.is-disabled[data-v-
|
|
1415
|
+
.select-wrapper .select-input.is-disabled[data-v-421fb8eb] {
|
|
1406
1416
|
--field-border-color: var(--bms-grey-25);
|
|
1407
1417
|
--input-background-color: var(--bms-grey-25);
|
|
1408
1418
|
pointer-events: none;
|
|
1409
1419
|
}
|
|
1410
|
-
.select-wrapper .icon-container[data-v-
|
|
1420
|
+
.select-wrapper .icon-container[data-v-421fb8eb] {
|
|
1411
1421
|
height: 100%;
|
|
1412
1422
|
display: flex;
|
|
1413
1423
|
align-items: center;
|
|
1414
1424
|
}
|
|
1415
|
-
.select-wrapper .icon-container[data-v-
|
|
1425
|
+
.select-wrapper .icon-container[data-v-421fb8eb]:hover {
|
|
1416
1426
|
cursor: pointer;
|
|
1417
1427
|
}
|
|
1418
|
-
.select-wrapper .icon-button[data-v-
|
|
1428
|
+
.select-wrapper .icon-button[data-v-421fb8eb] {
|
|
1419
1429
|
width: 1em;
|
|
1420
1430
|
margin: 0 var(--field-padding);
|
|
1421
1431
|
display: block;
|
|
1422
1432
|
}
|
|
1423
|
-
.combobox-option[data-v-
|
|
1433
|
+
.combobox-option[data-v-421fb8eb] {
|
|
1424
1434
|
display: flex;
|
|
1425
1435
|
align-items: center;
|
|
1426
1436
|
gap: 0.5em;
|
|
1427
1437
|
}
|
|
1428
|
-
.combobox-option__check[data-v-
|
|
1438
|
+
.combobox-option__check[data-v-421fb8eb] {
|
|
1429
1439
|
width: 1em;
|
|
1430
1440
|
display: flex;
|
|
1431
1441
|
justify-content: center;
|
|
@@ -2727,7 +2737,7 @@ nav .additional[data-v-8b4752b4] {
|
|
|
2727
2737
|
padding-right: 32px;
|
|
2728
2738
|
}.table-search[data-v-c674a0d1] {
|
|
2729
2739
|
width: 260px;
|
|
2730
|
-
}.table-search[data-v-
|
|
2740
|
+
}.table-search[data-v-f6338466] {
|
|
2731
2741
|
width: 260px;
|
|
2732
2742
|
}.cocarde[data-v-d1c7b421] {
|
|
2733
2743
|
display: flex;
|