edvoyui-component-library-test-flight 0.0.110 → 0.0.112

package/src/components/table/UTable.vue

@@ -56,61 +56,72 @@
                   scope="col"
                   :class="[
                     'snap-start snap-always py-2',
-                    header?.sortable ? 'cursor-pointer hover:!text-gray-900 pr-8 pl-3': 'px-3',
+                    header?.sortable
+                      ? 'cursor-pointer hover:!text-gray-900 pr-8 pl-3'
+                      : 'px-3',
                     isScrolled && headerIndex === 0 ? stickyClass.head : null,
                     { '!bg-gray-200': currentSort === header.value },
-
                   ]"
-                  :style="headers.length > 6 ? headerStyle(header) : 'width: 100%;min-width: 250px;background-color: rgb(243 244 246);'"
+                  :style="
+                    headers.length > 6
+                      ? headerStyle(header)
+                      : 'width: 100%;min-width: 250px;background-color: rgb(243 244 246);'
+                  "
                   @click="sortBy(header, $event)"
                 >
                   <div class="relative z-0 w-full">
-                     <div
-                    class="w-full text-sm font-medium text-current truncate font-inter"
-                  >
-                    <slot name="header" :header="header">
-                      {{ capitalizeText(header?.text ?? header?.name ?? "") }}
-                    </slot>
-                    <slot v-if="headerOptional" name="headerOptionalItem" ></slot>
-                  </div>
-                  <div v-if="header?.sortable" class="absolute -top-0.5 -right-6 size-6 z-10">
-                    <svg
-                      width="24"
-                      height="24"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      xmlns="http://www.w3.org/2000/svg"
-                      class="size-6"
+                    <div
+                      class="w-full text-sm font-medium text-current truncate font-inter"
                     >
-                      <rect width="24" height="24" fill="none" />
-                      <path
-                        d="M8 10C9.06206 8.5381 10.3071 7.2287 11.7021 6.1058C11.8774 5.9647 12.1226 5.9647 12.2979 6.1058C13.6929 7.2287 14.9379 8.5381 16 10"
-                        :stroke="
-                          currentSortDir === 'asc' &&
-                          currentSort === header?.value
-                            ? '#111827'
-                            : '#9ca3af'
-                        "
-                        stroke-opacity="0.8"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                      <path
-                        d="M8 14C9.06206 15.4619 10.3071 16.7713 11.7021 17.8942C11.8774 18.0353 12.1226 18.0353 12.2979 17.8942C13.6929 16.7713 14.9379 15.4619 16 14"
-                        :stroke="
-                          currentSortDir === 'desc' &&
-                          currentSort === header?.value
-                            ? '#111827'
-                            : '#9ca3af'
-                        "
-                        stroke-opacity="0.8"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </div>
+                      <slot name="header" :header="header">
+                        {{ capitalizeText(header?.text ?? header?.name ?? "") }}
+                      </slot>
+                      <slot
+                        v-if="headerOptional"
+                        name="headerOptionalItem"
+                      ></slot>
+                    </div>
+                    <div
+                      v-if="header?.sortable"
+                      class="absolute -top-0.5 -right-6 size-6 z-10"
+                    >
+                      <svg
+                        width="24"
+                        height="24"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        class="size-6"
+                      >
+                        <rect width="24" height="24" fill="none" />
+                        <path
+                          d="M8 10C9.06206 8.5381 10.3071 7.2287 11.7021 6.1058C11.8774 5.9647 12.1226 5.9647 12.2979 6.1058C13.6929 7.2287 14.9379 8.5381 16 10"
+                          :stroke="
+                            currentSortDir === 'asc' &&
+                            currentSort === header?.value
+                              ? '#111827'
+                              : '#9ca3af'
+                          "
+                          stroke-opacity="0.8"
+                          stroke-width="2"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                        <path
+                          d="M8 14C9.06206 15.4619 10.3071 16.7713 11.7021 17.8942C11.8774 18.0353 12.1226 18.0353 12.2979 17.8942C13.6929 16.7713 14.9379 15.4619 16 14"
+                          :stroke="
+                            currentSortDir === 'desc' &&
+                            currentSort === header?.value
+                              ? '#111827'
+                              : '#9ca3af'
+                          "
+                          stroke-opacity="0.8"
+                          stroke-width="2"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </div>
                   </div>
                 </th>
               </tr>
@@ -122,7 +133,7 @@
                 :key="`table-row-${rowIndex}`"
               >
                 <tr
-                :id="`row-${rowIndex}`"
+                  :id="`row-${rowIndex}`"
                   @mouseenter="
                     $attrs.mouseenter
                       ? $emit('mouseenter', row, rowIndex)
@@ -134,7 +145,7 @@
                       : null
                   "
                   class="group"
-                  :class="{'bg-purple-100': activeRowIndex==rowIndex}"
+                  :class="{ 'bg-purple-100': activeRowIndex == rowIndex }"
                 >
                   <td
                     v-if="checkable"
@@ -150,10 +161,13 @@
                     />
                   </td>
                   <td
-                  v-for="(header, headerIndex) in headers"
+                    v-for="(header, headerIndex) in headers"
                     :key="headerIndex"
                     :style="bodyStyle(header)"
-                    :class="[isScrolled && headerIndex === 0 ? stickyClass.body : null,{'!bg-purple-100': activeRowIndex==rowIndex}]"
+                    :class="[
+                      isScrolled && headerIndex === 0 ? stickyClass.body : null,
+                      { '!bg-purple-100': activeRowIndex == rowIndex },
+                    ]"
                   >
                     <slot
                       :name="`item.${header?.value}`"
@@ -161,7 +175,9 @@
                       :rowIndex="rowIndex"
                       :headerIndex="headerIndex"
                     >
-                      <span class="block truncate">{{ getValueByPath(row, header?.value) }}</span>
+                      <span class="block truncate">{{
+                        getValueByPath(row, header?.value)
+                      }}</span>
                     </slot>
                   </td>
                 </tr>
@@ -178,13 +194,23 @@
                   >
                     <div
                       class="flex items-center justify-center w-[calc(100vw-14rem)]"
-                      :class="[tableHeight ? tableHeight : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]']"
+                      :class="[
+                        tableHeight
+                          ? tableHeight
+                          : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]',
+                      ]"
                     >
                       <div class="text-center">
                         <div class="mx-auto overflow-hidden rounded-md size-56">
-                        <img src="@/assets/images/search-nodata.png" alt="" class="block object-contain object-center h-auto max-w-full opacity-90" />
-                      </div>
-                      <div class="my-2 text-xl font-medium text-gray-500">No matching records found</div>
+                          <img
+                            src="@/assets/images/search-nodata.png"
+                            alt=""
+                            class="block object-contain object-center h-auto max-w-full opacity-90"
+                          />
+                        </div>
+                        <div class="my-2 text-xl font-medium text-gray-500">
+                          No matching records found
+                        </div>
                       </div>
                     </div>
                   </td>
@@ -194,6 +220,7 @@
           </table>
         </div>
         <div
+          v-if="stickyFooter"
           class="sticky bottom-0 left-0 z-50 flex items-center justify-between px-2 py-1 bg-white border-t border-gray-300"
         >
           <slot name="tableCount">
@@ -267,6 +294,7 @@ const props = defineProps({
     default: () => [],
     required: true,
   },
+  stickyFooter: { type: Boolean, default: true },
   paginated: { type: Boolean, default: false },
   tableExpanded: { type: Boolean, default: false },
   search: { type: String, default: "" },
@@ -305,7 +333,7 @@ const {
   headers,
   paginated,
   isRowCheckable,
-  activeRowIndex
+  activeRowIndex,
 } = toRefs(props);
 
 // Emits used

package/src/components/tabs/EUITabs.vue

@@ -1,87 +1,98 @@
 <template>
   <div>
-   <div
-        v-if="tabStyle === 'design'"
-        class="flex flex-row items-center justify-between w-full p-2 bg-gray-100 rounded-xl"
+    <div
+      v-if="tabStyle === 'design'"
+      class="flex flex-row items-center justify-between w-full p-2 bg-gray-100 rounded-xl"
+    >
+      <button
+        v-for="(tab, tabindex) in tabs"
+        :disabled="tab?.disabled"
+        :key="tabindex"
+        :id="`id-${tab.name}`"
+        type="button"
+        class="[&:not(:focus-visible)]:focus:outline-none relative w-full inline-flex items-center transition-colors duration-100"
+        :class="tab?.disabled ? ' cursor-not-allowed ' : ''"
+        role="tab"
+        tabindex="-1"
+        @click="selectTab(tabindex)"
+        :title="tab?.toolTipText"
       >
-        <button
-          v-for="(tab, tabindex) in tabs"
-          :disabled="tab?.disabled"
-          :key="tabindex"
-          :id="`id-${tab.name}`"
-          type="button"
-          class="[&:not(:focus-visible)]:focus:outline-none relative w-full inline-flex items-center transition-colors duration-100"
-          :class="tab?.disabled?' cursor-not-allowed ':''"
-          role="tab"
-          tabindex="-1"
-          @click="selectTab(tabindex)"
+        <div
+          class="pointer-events-none absolute inset-0 transition-transform duration-200 transform z-[1] ease-in-out"
+          :class="{
+            'translate-x-full': tabindex < activeTabIndex,
+            '-translate-x-full': tabindex > activeTabIndex,
+            'translate-x-0 rounded-lg bg-gray-600': activeTabIndex === tabindex,
+          }"
+        />
+        <span
+          :class="[
+            'w-full px-4 py-2 text-sm tracking-wide font-medium capitalize z-10',
+            activeTabIndex == tabindex
+              ? ' text-white'
+              : ' text-gray-500 hover:text-gray-600 rounded-lg bg-transparent z-0 transition-colors duration-300 ease-in origin-center',
+          ]"
         >
-          <div
-            class="pointer-events-none absolute inset-0 transition-transform duration-200 transform z-[1] ease-in-out"
-            :class="{
-              'translate-x-full': tabindex < activeTabIndex,
-              '-translate-x-full': tabindex > activeTabIndex,
-              'translate-x-0 rounded-lg bg-gray-600':
-                activeTabIndex === tabindex,
-            }"
-          />
-          <span
-            :class="[
-              'w-full px-4 py-2 text-sm tracking-wide font-medium capitalize z-10',
-              activeTabIndex == tabindex
-                ? ' text-white'
-                : ' text-gray-500 hover:text-gray-600 rounded-lg bg-transparent z-0 transition-colors duration-300 ease-in origin-center',
-            ]"
+          <slot
+            name="title"
+            :tab="tab"
+            :tabIndex="tabindex"
+            :activeTab="activeTabIndex"
           >
-            <slot name="title" :tab="tab" :tabIndex="tabindex" :activeTab="activeTabIndex">
-              {{ tab?.name }}
-            </slot>
-          </span>
-        </button>
-      </div>
-      <div
-        v-else-if="tabStyle === 'border'"
-        class="flex items-center gap-1 before:bottom-0 before:left-0 before:absolute before:content-[''] before:h-px before:w-full before:bg-gray-200 relative before:-z-[1] z-0 bg-white"
+            {{ tab?.name }}
+          </slot>
+        </span>
+      </button>
+    </div>
+    <div
+      v-else-if="tabStyle === 'border'"
+      class="flex items-center gap-1 before:bottom-0 before:left-0 before:absolute before:content-[''] before:h-px before:w-full before:bg-gray-200 relative before:-z-[1] z-0 bg-white"
+      :class="[
+        tabAlign === 'justify'
+          ? 'justify-between'
+          : tabAlign === 'end'
+          ? 'justify-end'
+          : 'justify-start',
+      ]"
+    >
+      <button
+        v-for="(tab, tabindex) in tabs"
+        :disabled="tab?.disabled"
+        :title="tab?.toolTipText"
+        :key="tabindex"
+        type="button"
+        role="tab"
+        :id="`id-${tab.name}`"
         :class="[
-          tabAlign === 'justify'
-            ? 'justify-between'
-            : tabAlign === 'end'
-            ? 'justify-end'
-            : 'justify-start',
+          'px-3 py-1 leading-5 transition-all duration-150 ease-in-out hover:text-gray-800',
+          tabSize === 'sm'
+            ? 'text-sm font-semibold border-b-2'
+            : 'text-base font-bold border-b-[3px]',
+          activeTabIndex === tabindex
+            ? 'border-gray-900 text-gray-900'
+            : 'border-transparent text-gray-500',
+          tab?.disabled ? ' cursor-not-allowed ' : '',
         ]"
+        @click="selectTab(tabindex)"
       >
-        <button
-          v-for="(tab, tabindex) in tabs"
-          :disabled="tab?.disabled"
-
-          :key="tabindex"
-          type="button"
-          role="tab"
-          :id="`id-${tab.name}`"
-          :class="[
-            'px-3 py-1 leading-5 transition-all duration-150 ease-in-out hover:text-gray-800',
-            tabSize === 'sm'
-              ? 'text-sm font-semibold border-b-2'
-              : 'text-base font-bold border-b-[3px]',
-            activeTabIndex === tabindex
-              ? 'border-gray-900 text-gray-900'
-              : 'border-transparent text-gray-500',
-              tab?.disabled?' cursor-not-allowed ':''
-          ]"
-          @click="selectTab(tabindex)"
+        <slot
+          name="title"
+          :tab="tab"
+          :tabIndex="tabindex"
+          :activeTab="activeTabIndex"
         >
-          <slot name="title" :tab="tab" :tabIndex="tabindex" :activeTab="activeTabIndex">
-            {{ tab?.name }}
-          </slot>
-        </button>
-      </div>
-      <div
+          {{ tab?.name }}
+        </slot>
+      </button>
+    </div>
+    <div
       v-else-if="tabStyle === 'shadow'"
       class="justify-start relative z-0 inline-flex items-center gap-0 bg-white/50 rounded-t-lg shadow-[0px_1px_2px_0px_rgba(55,65,81,0.10)]"
     >
       <button
         v-for="(tab, tabindex) in tabs"
         :disabled="tab?.disabled"
+        :title="tab?.toolTipText"
         :key="tabindex"
         type="button"
         role="tab"
@@ -94,41 +105,59 @@
           activeTabIndex === tabindex
             ? 'border-purple-800 text-purple-800 bg-white z-10 rounded-t-lg shadow-[0px_2px_4px_0px_rgba(55,65,81,0.1)]'
             : 'border-transparent text-gray-500 z-0',
-            tab?.disabled?' cursor-not-allowed ':''
+          tab?.disabled ? ' cursor-not-allowed ' : '',
         ]"
         @click="selectTab(tabindex)"
       >
-        <slot name="title" :tab="tab" :tabIndex="tabindex" :activeTab="activeTabIndex">
+        <slot
+          name="title"
+          :tab="tab"
+          :tabIndex="tabindex"
+          :activeTab="activeTabIndex"
+        >
           {{ tab?.name }}
         </slot>
       </button>
     </div>
 
-      <div
-        v-else
-        class="flex items-center gap-1 p-2 transition-all duration-100"
+    <div v-else class="flex items-center gap-1 p-2 transition-all duration-100">
+      <button
+        v-for="(tab, tabindex) in tabs"
+        :disabled="tab?.disabled"
+        :title="tab?.toolTipText"
+        :key="tabindex"
+        type="button"
+        role="tab"
+        :id="`id-${tab.name}`"
+        class="px-4 py-1 text-sm font-semibold transition-colors duration-150 ease-in-out border rounded-full"
+        :class="[
+          activeTabIndex === tabindex
+            ? 'shadow-lg shadow-gray-100 bg-white border-gray-200 focus-within:border-purple-600 text-gray-900'
+            : 'border-white hover:bg-gray-50 text-gray-700',
+          tab?.disabled ? ' cursor-not-allowed ' : '',
+        ]"
+        @click="selectTab(tabindex)"
       >
-        <button
-          v-for="(tab, tabindex) in tabs"
-          :disabled="tab?.disabled"
-          :key="tabindex"
-          type="button"
-          role="tab"
-          :id="`id-${tab.name}`"
-          class="px-4 py-1 text-sm font-semibold transition-colors duration-150 ease-in-out border rounded-full"
-          :class="
-           [ activeTabIndex === tabindex
-              ? 'shadow-lg shadow-gray-100 bg-white border-gray-200 focus-within:border-purple-600 text-gray-900'
-              : 'border-white hover:bg-gray-50 text-gray-700',tab?.disabled?' cursor-not-allowed ':'']
-          "
-          @click="selectTab(tabindex)"
+        <slot
+          name="title"
+          :tab="tab"
+          :tabIndex="tabindex"
+          :activeTab="activeTabIndex"
         >
-          <slot name="title" :tab="tab" :tabIndex="tabindex" :activeTab="activeTabIndex">
-            {{ tab?.name }}
-          </slot>
-        </button>
-      </div>
-    <div :class="['py-2 text-base font-normal text-gray-700 bg-white relative', contentClass, {'rounded-lg !rounded-tl-none shadow-[0px_-2px_24px_0px_rgba(0,0,0,0.075)] z-20':tabStyle === 'shadow'}]">
+          {{ tab?.name }}
+        </slot>
+      </button>
+    </div>
+    <div
+      :class="[
+        'py-2 text-base font-normal text-gray-700 bg-white relative',
+        contentClass,
+        {
+          'rounded-lg !rounded-tl-none shadow-[0px_-2px_24px_0px_rgba(0,0,0,0.075)] z-20':
+            tabStyle === 'shadow',
+        },
+      ]"
+    >
       <slot name="content" :active-tab="tabs[activeTabIndex]">
         {{ tabs[activeTabIndex]?.content }}
       </slot>
@@ -142,7 +171,8 @@ import { defineProps, ref, watch } from "vue";
 interface Tab {
   name: string;
   content?: string;
-  disabled?:boolean
+  disabled?: boolean;
+  toolTipText?: string;
 }
 
 const props = defineProps<{
@@ -152,7 +182,6 @@ const props = defineProps<{
   contentClass?: string[] | string;
   tabSize?: "sm" | "md";
   tabAlign?: "start" | "justify" | "end";
-  
 }>();
 
 const emit = defineEmits<{

package/dist/EUIButton.vue.d.ts

@@ -1,5 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=style&index=0&lang.scss";
-export default _sfc_main;
-//# sourceMappingURL=EUIButton.vue.d.ts.map

package/dist/EUIButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUIButton.vue.d.ts","sourceRoot":"","sources":["../src/components/button/EUIButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wHAAwH,CAAC;AAC/I,cAAc,wHAAwH,CAAC;AACvI,OAAO,sHAAsH,CAAC;AAC9H,eAAe,SAAS,CAAC"}

package/dist/selectSearch/EUISelectSearch.vue.d.ts

@@ -1,4 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export default _sfc_main;
-//# sourceMappingURL=EUISelectSearch.vue.d.ts.map

package/dist/selectSearch/EUISelectSearch.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUISelectSearch.vue.d.ts","sourceRoot":"","sources":["../../src/components/selectSearch/EUISelectSearch.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}