@ouestfrance/sipa-bms-ui 8.14.3 → 8.15.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/sipa-bms-ui.css +8 -8
- package/dist/sipa-bms-ui.es.js +37 -32
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +37 -32
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +5 -2
- package/src/components/form/BmsInputToggle.vue +1 -0
- package/src/components/table/BmsServerTable.stories.js +44 -0
- package/src/components/table/BmsServerTable.vue +4 -0
package/dist/sipa-bms-ui.umd.js
CHANGED
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
};
|
|
314
314
|
|
|
315
315
|
const _hoisted_1$Z = ["href", "target"];
|
|
316
|
-
const _hoisted_2$
|
|
316
|
+
const _hoisted_2$E = ["href", "onClick", "target"];
|
|
317
317
|
const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
|
|
318
318
|
__name: "BmsLink",
|
|
319
319
|
props: {
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
target: __props.target
|
|
356
356
|
}, _ctx.$attrs), [
|
|
357
357
|
vue.renderSlot(_ctx.$slots, "default")
|
|
358
|
-
], 16, _hoisted_2$
|
|
358
|
+
], 16, _hoisted_2$E)
|
|
359
359
|
]),
|
|
360
360
|
_: 3
|
|
361
361
|
}, 8, ["to"]));
|
|
@@ -405,7 +405,7 @@
|
|
|
405
405
|
});
|
|
406
406
|
|
|
407
407
|
const _hoisted_1$X = { class: "start" };
|
|
408
|
-
const _hoisted_2$
|
|
408
|
+
const _hoisted_2$D = { class: "content" };
|
|
409
409
|
const _hoisted_3$k = { class: "end" };
|
|
410
410
|
const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
|
|
411
411
|
__name: "UiButton",
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
vue.createElementVNode("span", _hoisted_1$X, [
|
|
426
426
|
vue.renderSlot(_ctx.$slots, "start")
|
|
427
427
|
]),
|
|
428
|
-
vue.createElementVNode("span", _hoisted_2$
|
|
428
|
+
vue.createElementVNode("span", _hoisted_2$D, [
|
|
429
429
|
vue.renderSlot(_ctx.$slots, "default")
|
|
430
430
|
]),
|
|
431
431
|
vue.createElementVNode("span", _hoisted_3$k, [
|
|
@@ -36848,7 +36848,7 @@
|
|
|
36848
36848
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
36849
36849
|
|
|
36850
36850
|
const _hoisted_1$W = { class: "info-line" };
|
|
36851
|
-
const _hoisted_2$
|
|
36851
|
+
const _hoisted_2$C = { class: "icon" };
|
|
36852
36852
|
const _hoisted_3$j = { class: "message" };
|
|
36853
36853
|
const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
|
|
36854
36854
|
__name: "BmsAlert",
|
|
@@ -36876,7 +36876,7 @@
|
|
|
36876
36876
|
class: vue.normalizeClass(["alert", `alert-${props.type}`])
|
|
36877
36877
|
}, [
|
|
36878
36878
|
vue.createElementVNode("div", _hoisted_1$W, [
|
|
36879
|
-
vue.createElementVNode("span", _hoisted_2$
|
|
36879
|
+
vue.createElementVNode("span", _hoisted_2$C, [
|
|
36880
36880
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(alertIcon.value), { size: 20 }))
|
|
36881
36881
|
]),
|
|
36882
36882
|
vue.createElementVNode("span", _hoisted_3$j, [
|
|
@@ -36947,7 +36947,7 @@
|
|
|
36947
36947
|
key: 0,
|
|
36948
36948
|
class: "icon"
|
|
36949
36949
|
};
|
|
36950
|
-
const _hoisted_2$
|
|
36950
|
+
const _hoisted_2$B = ["innerHTML"];
|
|
36951
36951
|
const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
|
|
36952
36952
|
__name: "BmsCaption",
|
|
36953
36953
|
props: {
|
|
@@ -36985,7 +36985,7 @@
|
|
|
36985
36985
|
vue.createElementVNode("span", {
|
|
36986
36986
|
class: "label",
|
|
36987
36987
|
innerHTML: vue.unref(sanitizeHtml)(computedCaption.value.label)
|
|
36988
|
-
}, null, 8, _hoisted_2$
|
|
36988
|
+
}, null, 8, _hoisted_2$B)
|
|
36989
36989
|
], 2);
|
|
36990
36990
|
};
|
|
36991
36991
|
}
|
|
@@ -36994,7 +36994,7 @@
|
|
|
36994
36994
|
const BmsCaption = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-b08dd4e0"]]);
|
|
36995
36995
|
|
|
36996
36996
|
const _hoisted_1$T = { class: "circular-progress" };
|
|
36997
|
-
const _hoisted_2$
|
|
36997
|
+
const _hoisted_2$A = {
|
|
36998
36998
|
key: 0,
|
|
36999
36999
|
viewBox: "0 0 100 100"
|
|
37000
37000
|
};
|
|
@@ -37007,7 +37007,7 @@
|
|
|
37007
37007
|
setup(__props) {
|
|
37008
37008
|
return (_ctx, _cache) => {
|
|
37009
37009
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
|
|
37010
|
-
__props.progress ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$
|
|
37010
|
+
__props.progress ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$A, [
|
|
37011
37011
|
vue.createElementVNode("g", _hoisted_3$i, [
|
|
37012
37012
|
_cache[0] || (_cache[0] = vue.createElementVNode("circle", {
|
|
37013
37013
|
opacity: ".08",
|
|
@@ -38060,7 +38060,7 @@
|
|
|
38060
38060
|
class: "options-list",
|
|
38061
38061
|
"data-testid": "select-options"
|
|
38062
38062
|
};
|
|
38063
|
-
const _hoisted_2$
|
|
38063
|
+
const _hoisted_2$z = ["data-testid", "onClick"];
|
|
38064
38064
|
const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
|
|
38065
38065
|
__name: "FieldDatalist",
|
|
38066
38066
|
props: {
|
|
@@ -38143,7 +38143,7 @@
|
|
|
38143
38143
|
vue.renderSlot(_ctx.$slots, "option", { option }, () => [
|
|
38144
38144
|
vue.createTextVNode(vue.toDisplayString(option.label === null ? "N/A" : option.label), 1)
|
|
38145
38145
|
], true)
|
|
38146
|
-
], 10, _hoisted_2$
|
|
38146
|
+
], 10, _hoisted_2$z);
|
|
38147
38147
|
}), 128)),
|
|
38148
38148
|
displayNewOption.value ? (vue.openBlock(), vue.createElementBlock("li", {
|
|
38149
38149
|
key: 0,
|
|
@@ -38161,7 +38161,7 @@
|
|
|
38161
38161
|
const FieldDatalist = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-ba5302fc"]]);
|
|
38162
38162
|
|
|
38163
38163
|
const _hoisted_1$Q = { class: "field__input-label" };
|
|
38164
|
-
const _hoisted_2$
|
|
38164
|
+
const _hoisted_2$y = { class: "field__input-icon field__input-icon--start" };
|
|
38165
38165
|
const _hoisted_3$h = ["type", "value", "placeholder", "required", "disabled", "max", "min", "minlength", "maxlength"];
|
|
38166
38166
|
const _hoisted_4$b = { class: "field__input-icon field__input-icon--end" };
|
|
38167
38167
|
const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -38217,7 +38217,7 @@
|
|
|
38217
38217
|
vue.createElementVNode("template", _hoisted_1$Q, [
|
|
38218
38218
|
vue.renderSlot(_ctx.$slots, "label", {}, void 0, true)
|
|
38219
38219
|
]),
|
|
38220
|
-
vue.createElementVNode("span", _hoisted_2$
|
|
38220
|
+
vue.createElementVNode("span", _hoisted_2$y, [
|
|
38221
38221
|
vue.renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
|
|
38222
38222
|
]),
|
|
38223
38223
|
vue.createElementVNode("input", {
|
|
@@ -38422,7 +38422,7 @@
|
|
|
38422
38422
|
const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-15343285"]]);
|
|
38423
38423
|
|
|
38424
38424
|
const _hoisted_1$P = ["innerHTML"];
|
|
38425
|
-
const _hoisted_2$
|
|
38425
|
+
const _hoisted_2$x = ["innerHTML"];
|
|
38426
38426
|
const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
|
|
38427
38427
|
__name: "BmsAutocomplete",
|
|
38428
38428
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
@@ -38489,7 +38489,7 @@
|
|
|
38489
38489
|
key: 0,
|
|
38490
38490
|
class: "icon datalist-icon",
|
|
38491
38491
|
innerHTML: option.icon
|
|
38492
|
-
}, null, 8, _hoisted_2$
|
|
38492
|
+
}, null, 8, _hoisted_2$x)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon), {
|
|
38493
38493
|
key: 1,
|
|
38494
38494
|
class: "icon datalist-icon"
|
|
38495
38495
|
}))
|
|
@@ -38517,7 +38517,7 @@
|
|
|
38517
38517
|
const BmsAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-43ad5137"]]);
|
|
38518
38518
|
|
|
38519
38519
|
const _hoisted_1$O = ["innerHTML"];
|
|
38520
|
-
const _hoisted_2$
|
|
38520
|
+
const _hoisted_2$w = ["innerHTML"];
|
|
38521
38521
|
const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
|
|
38522
38522
|
__name: "BmsServerAutocomplete",
|
|
38523
38523
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
@@ -38617,7 +38617,7 @@
|
|
|
38617
38617
|
key: 0,
|
|
38618
38618
|
class: "icon datalist-icon",
|
|
38619
38619
|
innerHTML: option.icon
|
|
38620
|
-
}, null, 8, _hoisted_2$
|
|
38620
|
+
}, null, 8, _hoisted_2$w)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon), {
|
|
38621
38621
|
key: 1,
|
|
38622
38622
|
class: "icon datalist-icon"
|
|
38623
38623
|
}))
|
|
@@ -38769,7 +38769,7 @@
|
|
|
38769
38769
|
const BmsChip = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-72b945cc"]]);
|
|
38770
38770
|
|
|
38771
38771
|
const _hoisted_1$N = { class: "file-upload" };
|
|
38772
|
-
const _hoisted_2$
|
|
38772
|
+
const _hoisted_2$v = { class: "file-upload__label" };
|
|
38773
38773
|
const _hoisted_3$g = { key: 1 };
|
|
38774
38774
|
const _hoisted_4$a = { class: "file-upload__file-name" };
|
|
38775
38775
|
const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -38852,7 +38852,7 @@
|
|
|
38852
38852
|
onDragover: _cache[2] || (_cache[2] = vue.withModifiers(() => {
|
|
38853
38853
|
}, ["prevent"]))
|
|
38854
38854
|
}, [
|
|
38855
|
-
vue.createElementVNode("label", _hoisted_2$
|
|
38855
|
+
vue.createElementVNode("label", _hoisted_2$v, [
|
|
38856
38856
|
isDragOver.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
38857
38857
|
vue.createTextVNode("Déposer votre image ici")
|
|
38858
38858
|
], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
@@ -38890,7 +38890,7 @@
|
|
|
38890
38890
|
const BmsFilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-c892a845"]]);
|
|
38891
38891
|
|
|
38892
38892
|
const _hoisted_1$M = ["disabled", "name", "value"];
|
|
38893
|
-
const _hoisted_2$
|
|
38893
|
+
const _hoisted_2$u = {
|
|
38894
38894
|
key: 0,
|
|
38895
38895
|
class: "input-checkbox-info"
|
|
38896
38896
|
};
|
|
@@ -38933,7 +38933,7 @@
|
|
|
38933
38933
|
}, null, 8, _hoisted_1$M), [
|
|
38934
38934
|
[vue.vModelCheckbox, inputValue.value]
|
|
38935
38935
|
]),
|
|
38936
|
-
hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
38936
|
+
hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$u, [
|
|
38937
38937
|
vue.renderSlot(_ctx.$slots, "label", {}, () => [
|
|
38938
38938
|
vue.createTextVNode(vue.toDisplayString(__props.label), 1)
|
|
38939
38939
|
], true)
|
|
@@ -68013,7 +68013,7 @@
|
|
|
68013
68013
|
});
|
|
68014
68014
|
|
|
68015
68015
|
const _hoisted_1$K = ["accept"];
|
|
68016
|
-
const _hoisted_2$
|
|
68016
|
+
const _hoisted_2$t = ["src"];
|
|
68017
68017
|
const _hoisted_3$f = {
|
|
68018
68018
|
key: 1,
|
|
68019
68019
|
class: "file-upload__file-name"
|
|
@@ -68173,7 +68173,7 @@
|
|
|
68173
68173
|
key: 0,
|
|
68174
68174
|
src: getImageSrc(file),
|
|
68175
68175
|
class: "file-upload__file-img"
|
|
68176
|
-
}, null, 8, _hoisted_2$
|
|
68176
|
+
}, null, 8, _hoisted_2$t)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(file.name), 1)),
|
|
68177
68177
|
vue.createVNode(_sfc_main$1k, {
|
|
68178
68178
|
mode: vue.unref(StatusType).Danger,
|
|
68179
68179
|
onClick: vue.withModifiers(($event) => onDeleteFile(file), ["prevent"]),
|
|
@@ -68276,7 +68276,7 @@
|
|
|
68276
68276
|
});
|
|
68277
68277
|
|
|
68278
68278
|
const _hoisted_1$J = ["value", "name", "disabled", "required"];
|
|
68279
|
-
const _hoisted_2$
|
|
68279
|
+
const _hoisted_2$s = {
|
|
68280
68280
|
key: 0,
|
|
68281
68281
|
class: "input-radio-info"
|
|
68282
68282
|
};
|
|
@@ -68320,7 +68320,7 @@
|
|
|
68320
68320
|
}, null, 8, _hoisted_1$J), [
|
|
68321
68321
|
[vue.vModelRadio, inputValue.value]
|
|
68322
68322
|
]),
|
|
68323
|
-
hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
68323
|
+
hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$s, [
|
|
68324
68324
|
vue.renderSlot(_ctx.$slots, "label", {}, () => [
|
|
68325
68325
|
vue.createTextVNode(vue.toDisplayString(__props.label), 1)
|
|
68326
68326
|
], true)
|
|
@@ -68572,7 +68572,8 @@
|
|
|
68572
68572
|
|
|
68573
68573
|
const UiBmsSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-6de1a5c6"]]);
|
|
68574
68574
|
|
|
68575
|
-
const _hoisted_1$H =
|
|
68575
|
+
const _hoisted_1$H = ["title"];
|
|
68576
|
+
const _hoisted_2$r = { class: "input-switch-info" };
|
|
68576
68577
|
const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
68577
68578
|
__name: "BmsInputToggle",
|
|
68578
68579
|
props: {
|
|
@@ -68600,16 +68601,17 @@
|
|
|
68600
68601
|
}, {
|
|
68601
68602
|
default: vue.withCtx(() => [
|
|
68602
68603
|
vue.createElementVNode("label", {
|
|
68603
|
-
class: vue.normalizeClass(["input-toggle", { isOn: __props.modelValue, disabled: __props.disabled, overflow: __props.ellipsisLabel }])
|
|
68604
|
+
class: vue.normalizeClass(["input-toggle", { isOn: __props.modelValue, disabled: __props.disabled, overflow: __props.ellipsisLabel }]),
|
|
68605
|
+
title: __props.ellipsisLabel ? __props.label : void 0
|
|
68604
68606
|
}, [
|
|
68605
|
-
vue.createElementVNode("span",
|
|
68607
|
+
vue.createElementVNode("span", _hoisted_2$r, vue.toDisplayString(__props.label), 1),
|
|
68606
68608
|
vue.createVNode(UiBmsSwitch, {
|
|
68607
68609
|
modelValue: __props.modelValue,
|
|
68608
68610
|
disabled: __props.disabled,
|
|
68609
68611
|
name: __props.name,
|
|
68610
68612
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => _ctx.$emit("update:modelValue", value))
|
|
68611
68613
|
}, null, 8, ["modelValue", "disabled", "name"])
|
|
68612
|
-
],
|
|
68614
|
+
], 10, _hoisted_1$H)
|
|
68613
68615
|
]),
|
|
68614
68616
|
_: 1
|
|
68615
68617
|
}, 8, ["disabled", "small", "ellipsisLabel"]);
|
|
@@ -68617,7 +68619,7 @@
|
|
|
68617
68619
|
}
|
|
68618
68620
|
});
|
|
68619
68621
|
|
|
68620
|
-
const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-
|
|
68622
|
+
const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-5f354760"]]);
|
|
68621
68623
|
|
|
68622
68624
|
const _hoisted_1$G = { class: "dismiss-button" };
|
|
68623
68625
|
const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -101721,6 +101723,9 @@
|
|
|
101721
101723
|
onSelectAll,
|
|
101722
101724
|
onClearSelection
|
|
101723
101725
|
}, vue.createSlots({
|
|
101726
|
+
"custom-actions": vue.withCtx(() => [
|
|
101727
|
+
vue.renderSlot(_ctx.$slots, "custom-action", {}, void 0, true)
|
|
101728
|
+
]),
|
|
101724
101729
|
filters: vue.withCtx(() => [
|
|
101725
101730
|
vue.createVNode(vue.Transition, { name: "table-fade" }, {
|
|
101726
101731
|
default: vue.withCtx(() => [
|
|
@@ -101812,7 +101817,7 @@
|
|
|
101812
101817
|
}
|
|
101813
101818
|
});
|
|
101814
101819
|
|
|
101815
|
-
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-
|
|
101820
|
+
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c27df335"]]);
|
|
101816
101821
|
|
|
101817
101822
|
const _hoisted_1$7 = { class: "filters-container" };
|
|
101818
101823
|
const _hoisted_2$5 = {
|