gd-sprest-bs 8.9.3 → 8.9.7

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.
@@ -20,12 +20,15 @@ exports.PeoplePicker = function (props) {
20
20
  // Render a tooltip
21
21
  var tooltip = core_1.Components.Tooltip({
22
22
  el: elSelectedUsers,
23
- content: '<small class="text-white">' + userInfo.LoginName + '</small>',
23
+ content: [
24
+ '<div class="text-white text-wrap text-break">',
25
+ '<small>' + (userInfo["Email"] || userInfo["UserPrincipalName"]) + '</small>',
26
+ '<br />',
27
+ '<small>' + userInfo.LoginName + '</small>',
28
+ '</div>'
29
+ ].join('\n'),
24
30
  placement: core_1.Components.TooltipPlacements.Top,
25
31
  type: core_1.Components.TooltipTypes.Primary,
26
- options: {
27
- maxWidth: "none"
28
- },
29
32
  btnProps: {
30
33
  className: "me-1 mb-1",
31
34
  isSmall: true,
@@ -38,12 +41,15 @@ exports.PeoplePicker = function (props) {
38
41
  // Render a tooltip
39
42
  var tooltip_1 = core_1.Components.Tooltip({
40
43
  el: elSelectedUsers,
41
- content: '<small class="text-white">' + userInfo.LoginName + '</small>',
44
+ content: [
45
+ '<div class="text-white text-wrap text-break">',
46
+ '<small>' + (userInfo["Email"] || userInfo["UserPrincipalName"]) + '</small>',
47
+ '<br />',
48
+ '<small>' + userInfo.LoginName + '</small>',
49
+ '</div>'
50
+ ].join('\n'),
42
51
  placement: core_1.Components.TooltipPlacements.Top,
43
52
  type: core_1.Components.TooltipTypes.Primary,
44
- options: {
45
- maxWidth: "none"
46
- },
47
53
  btnProps: {
48
54
  data: userInfo,
49
55
  className: "me-1 mb-1",
@@ -167,12 +173,15 @@ exports.PeoplePicker = function (props) {
167
173
  // Create a tooltip for this item
168
174
  core_1.Components.Tooltip({
169
175
  target: elItem,
170
- content: '<small class="text-white">' + user.Key + '</small>',
176
+ content: [
177
+ '<div class="text-white text-wrap text-break">',
178
+ '<small>' + user.EntityData.Email + '</small>',
179
+ '<br />',
180
+ '<small>' + user.Key + '</small>',
181
+ '</div>'
182
+ ].join('\n'),
171
183
  placement: core_1.Components.TooltipPlacements.Left,
172
- type: core_1.Components.TooltipTypes.Primary,
173
- options: {
174
- maxWidth: "none"
175
- }
184
+ type: core_1.Components.TooltipTypes.Primary
176
185
  });
177
186
  // Set the click event
178
187
  elItem.addEventListener("click", function (ev) {