edvoyui-component-library-test-flight 0.0.141 → 0.0.142

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "edvoyui-component-library-test-flight",
3
3
  "private": false,
4
- "version": "0.0.141",
4
+ "version": "0.0.142",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/",
@@ -71,7 +71,8 @@
71
71
  >
72
72
  <div class="relative z-0 w-full">
73
73
  <div
74
- class="w-full text-sm font-bold text-current truncate font-inter"
74
+ class="w-full text-sm font-bold text-current font-inter"
75
+ :class="{'truncate':!header?.showHeaderInfoText}"
75
76
  >
76
77
  <slot name="header" :header="header">
77
78
  {{ capitalizeText(header?.text ?? header?.name ?? "") }}
@@ -80,6 +81,14 @@
80
81
  v-if="headerOptional"
81
82
  name="headerOptionalItem"
82
83
  ></slot>
84
+ <EUITooltip v-if="header?.showInfoText" placement="top" class="inline-block ms-0.5">
85
+ <template v-slot:default>
86
+ <InformationCircleIcon class="inline-block text-gray-500 size-4" />
87
+ </template>
88
+ <template v-slot:tooltip>
89
+ <div class="z-50 max-w-xs break-words whitespace-normal min-w-max">{{ header.showHeaderInfoText }}</div>
90
+ </template>
91
+ </EUITooltip>
83
92
  </div>
84
93
  <div
85
94
  v-if="header?.sortable"
@@ -297,6 +306,7 @@ interface Header {
297
306
  width?: number;
298
307
  color?: string;
299
308
  showInfoText?: string;
309
+ showHeaderInfoText?: string;
300
310
  }
301
311
 
302
312
  interface Item {
package/src/data/table.ts CHANGED
@@ -573,8 +573,8 @@ export const studentHeader = [
573
573
  name: "Country of Residence",
574
574
  width: 250,
575
575
  sortable: true,
576
- showInfoText: "This is helper text for First Name",
577
-
576
+ showInfoText: "This is helper text for First Name",
577
+ showHeaderInfoText: "This is helper text for Header",
578
578
  },
579
579
  {
580
580
  value: "nationality.name",