arengibook 2.5.5 → 2.5.502
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/index.js +185 -81
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -42736,6 +42736,79 @@ var Toast = function Toast(_ref) {
|
|
|
42736
42736
|
useEffect(function () {
|
|
42737
42737
|
if (!toastRef.current || !autoShow) return;
|
|
42738
42738
|
if (hasShownRef.current && !reShowOnPropsChange) return;
|
|
42739
|
+
var richMessage = /*#__PURE__*/React__default.createElement("div", {
|
|
42740
|
+
className: "toast-root"
|
|
42741
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42742
|
+
className: "toast-left"
|
|
42743
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42744
|
+
className: icon !== null && icon !== void 0 ? icon : getIconByType(),
|
|
42745
|
+
"aria-hidden": "true"
|
|
42746
|
+
}), (size === "S" || size === "L" && sizeSModulable === true) && /*#__PURE__*/React__default.createElement("button", {
|
|
42747
|
+
type: "button",
|
|
42748
|
+
onClick: handleToggleSize,
|
|
42749
|
+
"aria-label": isExpanded ? "Réduire" : "Agrandir",
|
|
42750
|
+
className: "toast-action-btn"
|
|
42751
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42752
|
+
className: isExpanded ? "pi pi-window-minimize" : "pi pi-window-maximize"
|
|
42753
|
+
}))), size !== "S" && /*#__PURE__*/React__default.createElement("div", {
|
|
42754
|
+
className: "toast-body"
|
|
42755
|
+
}, title && (size === "M" || size === "L") && /*#__PURE__*/React__default.createElement("div", {
|
|
42756
|
+
className: "toast-title"
|
|
42757
|
+
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
42758
|
+
className: "toast-message"
|
|
42759
|
+
}, enableHtmlContent ? /*#__PURE__*/React__default.createElement("div", {
|
|
42760
|
+
className: "toast-html-content",
|
|
42761
|
+
dangerouslySetInnerHTML: {
|
|
42762
|
+
__html: message
|
|
42763
|
+
}
|
|
42764
|
+
}) : message), link && size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42765
|
+
className: "toast-link"
|
|
42766
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42767
|
+
href: link.url,
|
|
42768
|
+
target: "_blank",
|
|
42769
|
+
rel: "noopener noreferrer"
|
|
42770
|
+
}, link.label)), Array.isArray(links) && links.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("ul", {
|
|
42771
|
+
className: "toast-links"
|
|
42772
|
+
}, links.map(function (link, index) {
|
|
42773
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
42774
|
+
key: index
|
|
42775
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42776
|
+
href: link.url,
|
|
42777
|
+
target: "_blank",
|
|
42778
|
+
rel: "noopener noreferrer"
|
|
42779
|
+
}, link.label));
|
|
42780
|
+
})), Array.isArray(attachedFiles) && attachedFiles.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42781
|
+
className: "toast-attached-files"
|
|
42782
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42783
|
+
className: "toast-attached-files-title"
|
|
42784
|
+
}, "Pi\xE8ces jointes"), /*#__PURE__*/React__default.createElement("ul", {
|
|
42785
|
+
className: "toast-attached-files-list"
|
|
42786
|
+
}, attachedFiles.map(function (file, index) {
|
|
42787
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
42788
|
+
key: index
|
|
42789
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42790
|
+
href: file.url,
|
|
42791
|
+
target: "_blank",
|
|
42792
|
+
rel: "noopener noreferrer"
|
|
42793
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42794
|
+
className: "pi pi-paperclip",
|
|
42795
|
+
"aria-hidden": "true"
|
|
42796
|
+
}), /*#__PURE__*/React__default.createElement("span", null, file.name)));
|
|
42797
|
+
}))), size === "L" && enablePercentage && /*#__PURE__*/React__default.createElement("div", {
|
|
42798
|
+
className: "toast-percentage"
|
|
42799
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42800
|
+
className: "toast-percentage-label"
|
|
42801
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
42802
|
+
ref: percentageTextRef
|
|
42803
|
+
}, currentPercentage, "%")), /*#__PURE__*/React__default.createElement("div", {
|
|
42804
|
+
className: "toast-percentage-bar"
|
|
42805
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42806
|
+
ref: progressBarRef,
|
|
42807
|
+
className: "toast-percentage-bar-fill",
|
|
42808
|
+
style: {
|
|
42809
|
+
width: "".concat(currentPercentage, "%")
|
|
42810
|
+
}
|
|
42811
|
+
})))));
|
|
42739
42812
|
toastRef.current.show({
|
|
42740
42813
|
severity: type,
|
|
42741
42814
|
closable: closable,
|
|
@@ -42744,81 +42817,8 @@ var Toast = function Toast(_ref) {
|
|
|
42744
42817
|
className: "".concat(classNameSizeS(), " ").concat(type === "processing" ? "toast--processing" : ""),
|
|
42745
42818
|
// toast--processing est le css à
|
|
42746
42819
|
// personnaliser pour obtenir le loader souhaité par Camille
|
|
42747
|
-
|
|
42748
42820
|
content: function content() {
|
|
42749
|
-
return
|
|
42750
|
-
className: "toast-root"
|
|
42751
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42752
|
-
className: "toast-left"
|
|
42753
|
-
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42754
|
-
className: icon !== null && icon !== void 0 ? icon : getIconByType(),
|
|
42755
|
-
"aria-hidden": "true"
|
|
42756
|
-
}), (size === "S" || size === "L" && sizeSModulable === true) && /*#__PURE__*/React__default.createElement("button", {
|
|
42757
|
-
type: "button",
|
|
42758
|
-
onClick: handleToggleSize,
|
|
42759
|
-
"aria-label": isExpanded ? "Réduire" : "Agrandir",
|
|
42760
|
-
className: "toast-action-btn"
|
|
42761
|
-
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42762
|
-
className: isExpanded ? "pi pi-window-minimize" : "pi pi-window-maximize"
|
|
42763
|
-
}))), size !== "S" && /*#__PURE__*/React__default.createElement("div", {
|
|
42764
|
-
className: "toast-body"
|
|
42765
|
-
}, title && (size === "M" || size === "L") && /*#__PURE__*/React__default.createElement("div", {
|
|
42766
|
-
className: "toast-title"
|
|
42767
|
-
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
42768
|
-
className: "toast-message"
|
|
42769
|
-
}, enableHtmlContent ? /*#__PURE__*/React__default.createElement("div", {
|
|
42770
|
-
className: "toast-html-content",
|
|
42771
|
-
dangerouslySetInnerHTML: {
|
|
42772
|
-
__html: message
|
|
42773
|
-
}
|
|
42774
|
-
}) : message), link && size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42775
|
-
className: "toast-link"
|
|
42776
|
-
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42777
|
-
href: link.url,
|
|
42778
|
-
target: "_blank",
|
|
42779
|
-
rel: "noopener noreferrer"
|
|
42780
|
-
}, link.label)), Array.isArray(links) && links.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("ul", {
|
|
42781
|
-
className: "toast-links"
|
|
42782
|
-
}, links.map(function (link, index) {
|
|
42783
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
42784
|
-
key: index
|
|
42785
|
-
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42786
|
-
href: link.url,
|
|
42787
|
-
target: "_blank",
|
|
42788
|
-
rel: "noopener noreferrer"
|
|
42789
|
-
}, link.label));
|
|
42790
|
-
})), Array.isArray(attachedFiles) && attachedFiles.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42791
|
-
className: "toast-attached-files"
|
|
42792
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42793
|
-
className: "toast-attached-files-title"
|
|
42794
|
-
}, "Pi\xE8ces jointes"), /*#__PURE__*/React__default.createElement("ul", {
|
|
42795
|
-
className: "toast-attached-files-list"
|
|
42796
|
-
}, attachedFiles.map(function (file, index) {
|
|
42797
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
42798
|
-
key: index
|
|
42799
|
-
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42800
|
-
href: file.url,
|
|
42801
|
-
target: "_blank",
|
|
42802
|
-
rel: "noopener noreferrer"
|
|
42803
|
-
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42804
|
-
className: "pi pi-paperclip",
|
|
42805
|
-
"aria-hidden": "true"
|
|
42806
|
-
}), /*#__PURE__*/React__default.createElement("span", null, file.name)));
|
|
42807
|
-
}))), size === "L" && enablePercentage && /*#__PURE__*/React__default.createElement("div", {
|
|
42808
|
-
className: "toast-percentage"
|
|
42809
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42810
|
-
className: "toast-percentage-label"
|
|
42811
|
-
}, /*#__PURE__*/React__default.createElement("span", {
|
|
42812
|
-
ref: percentageTextRef
|
|
42813
|
-
}, currentPercentage, "%")), /*#__PURE__*/React__default.createElement("div", {
|
|
42814
|
-
className: "toast-percentage-bar"
|
|
42815
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42816
|
-
ref: progressBarRef,
|
|
42817
|
-
className: "toast-percentage-bar-fill",
|
|
42818
|
-
style: {
|
|
42819
|
-
width: "".concat(currentPercentage, "%")
|
|
42820
|
-
}
|
|
42821
|
-
})))));
|
|
42821
|
+
return richMessage;
|
|
42822
42822
|
}
|
|
42823
42823
|
});
|
|
42824
42824
|
hasShownRef.current = true;
|
|
@@ -42851,8 +42851,6 @@ var ToastContainer = function ToastContainer() {
|
|
|
42851
42851
|
position: "top-right"
|
|
42852
42852
|
});
|
|
42853
42853
|
};
|
|
42854
|
-
|
|
42855
|
-
// Fonction globale simple
|
|
42856
42854
|
var showToast = function showToast(props) {
|
|
42857
42855
|
if (!container) {
|
|
42858
42856
|
container = document.createElement('div');
|
|
@@ -42861,16 +42859,122 @@ var showToast = function showToast(props) {
|
|
|
42861
42859
|
}
|
|
42862
42860
|
setTimeout(function () {
|
|
42863
42861
|
if (toastRef) {
|
|
42862
|
+
var _props$icon;
|
|
42863
|
+
var progressBarRef = {
|
|
42864
|
+
current: null
|
|
42865
|
+
};
|
|
42866
|
+
var percentageTextRef = {
|
|
42867
|
+
current: null
|
|
42868
|
+
};
|
|
42869
|
+
console.log("show toast integration test");
|
|
42870
|
+
var getIconByType = function getIconByType() {
|
|
42871
|
+
switch (props.type) {
|
|
42872
|
+
case "success":
|
|
42873
|
+
return "pi pi-check-circle";
|
|
42874
|
+
case "error":
|
|
42875
|
+
return "pi pi-times-circle";
|
|
42876
|
+
case "settingError":
|
|
42877
|
+
return "pi pi-cog pi-times-circle";
|
|
42878
|
+
case "warning":
|
|
42879
|
+
return "pi pi-exclamation-triangle";
|
|
42880
|
+
case "processing":
|
|
42881
|
+
return "pi pi-spinner pi-spin";
|
|
42882
|
+
case "info":
|
|
42883
|
+
default:
|
|
42884
|
+
return "pi pi-info-circle";
|
|
42885
|
+
}
|
|
42886
|
+
};
|
|
42887
|
+
var handleToggleSize = function handleToggleSize() {
|
|
42888
|
+
if (!props.onSizeChange) return;
|
|
42889
|
+
if (props.size === "S") {
|
|
42890
|
+
props.onSizeChange("L");
|
|
42891
|
+
} else if (props.size === "L") {
|
|
42892
|
+
props.onSizeChange("S");
|
|
42893
|
+
}
|
|
42894
|
+
};
|
|
42895
|
+
var richMessage = /*#__PURE__*/React__default.createElement("div", {
|
|
42896
|
+
className: "toast-root"
|
|
42897
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42898
|
+
className: "toast-left"
|
|
42899
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42900
|
+
className: (_props$icon = props.icon) !== null && _props$icon !== void 0 ? _props$icon : getIconByType(),
|
|
42901
|
+
"aria-hidden": "true"
|
|
42902
|
+
}), (props.size === "S" || props.size === "L" && props.sizeSModulable === true) && /*#__PURE__*/React__default.createElement("button", {
|
|
42903
|
+
type: "button",
|
|
42904
|
+
onClick: handleToggleSize,
|
|
42905
|
+
"aria-label": props.isExpanded ? "Réduire" : "Agrandir",
|
|
42906
|
+
className: "toast-action-btn"
|
|
42907
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42908
|
+
className: props.isExpanded ? "pi pi-window-minimize" : "pi pi-window-maximize"
|
|
42909
|
+
}))), props.size !== "S" && /*#__PURE__*/React__default.createElement("div", {
|
|
42910
|
+
className: "toast-body"
|
|
42911
|
+
}, props.title && (props.size === "M" || props.size === "L") && /*#__PURE__*/React__default.createElement("div", {
|
|
42912
|
+
className: "toast-title"
|
|
42913
|
+
}, props.title), /*#__PURE__*/React__default.createElement("div", {
|
|
42914
|
+
className: "toast-message"
|
|
42915
|
+
}, props.enableHtmlContent ? /*#__PURE__*/React__default.createElement("div", {
|
|
42916
|
+
className: "toast-html-content",
|
|
42917
|
+
dangerouslySetInnerHTML: {
|
|
42918
|
+
__html: props.message
|
|
42919
|
+
}
|
|
42920
|
+
}) : props.message), props.link && props.size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42921
|
+
className: "toast-link"
|
|
42922
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42923
|
+
href: props.link.url,
|
|
42924
|
+
target: "_blank",
|
|
42925
|
+
rel: "noopener noreferrer"
|
|
42926
|
+
}, props.link.label)), Array.isArray(props.links) && props.links.length > 0 && props.size === "L" && /*#__PURE__*/React__default.createElement("ul", {
|
|
42927
|
+
className: "toast-links"
|
|
42928
|
+
}, props.links.map(function (link, index) {
|
|
42929
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
42930
|
+
key: index
|
|
42931
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42932
|
+
href: link.url,
|
|
42933
|
+
target: "_blank",
|
|
42934
|
+
rel: "noopener noreferrer"
|
|
42935
|
+
}, link.label));
|
|
42936
|
+
})), Array.isArray(props.attachedFiles) && props.attachedFiles.length > 0 && props.size === "L" && /*#__PURE__*/React__default.createElement("div", {
|
|
42937
|
+
className: "toast-attached-files"
|
|
42938
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42939
|
+
className: "toast-attached-files-title"
|
|
42940
|
+
}, "Pi\xE8ces jointes"), /*#__PURE__*/React__default.createElement("ul", {
|
|
42941
|
+
className: "toast-attached-files-list"
|
|
42942
|
+
}, props.attachedFiles.map(function (file, index) {
|
|
42943
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
42944
|
+
key: index
|
|
42945
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
42946
|
+
href: file.url,
|
|
42947
|
+
target: "_blank",
|
|
42948
|
+
rel: "noopener noreferrer"
|
|
42949
|
+
}, /*#__PURE__*/React__default.createElement("i", {
|
|
42950
|
+
className: "pi pi-paperclip",
|
|
42951
|
+
"aria-hidden": "true"
|
|
42952
|
+
}), /*#__PURE__*/React__default.createElement("span", null, file.name)));
|
|
42953
|
+
}))), props.size === "L" && props.enablePercentage && /*#__PURE__*/React__default.createElement("div", {
|
|
42954
|
+
className: "toast-percentage"
|
|
42955
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42956
|
+
className: "toast-percentage-label"
|
|
42957
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
42958
|
+
ref: percentageTextRef
|
|
42959
|
+
}, props.percentage || 0, "%")), /*#__PURE__*/React__default.createElement("div", {
|
|
42960
|
+
className: "toast-percentage-bar"
|
|
42961
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
42962
|
+
ref: progressBarRef,
|
|
42963
|
+
className: "toast-percentage-bar-fill",
|
|
42964
|
+
style: {
|
|
42965
|
+
width: "".concat(props.percentage || 0, "%")
|
|
42966
|
+
}
|
|
42967
|
+
})))));
|
|
42864
42968
|
toastRef.show({
|
|
42865
42969
|
severity: props.type || 'info',
|
|
42866
42970
|
life: props.duration || 3000,
|
|
42867
42971
|
sticky: props.sticky,
|
|
42868
42972
|
closable: props.closable !== false,
|
|
42869
|
-
|
|
42870
|
-
|
|
42871
|
-
|
|
42872
|
-
|
|
42873
|
-
|
|
42973
|
+
summary: props.title || '',
|
|
42974
|
+
content: props.enableHtmlContent ? function () {
|
|
42975
|
+
return richMessage;
|
|
42976
|
+
} : undefined,
|
|
42977
|
+
detail: !props.enableHtmlContent ? props.message : undefined
|
|
42874
42978
|
});
|
|
42875
42979
|
}
|
|
42876
42980
|
}, 0);
|