From 8c48ea7afe76ae3a1185818bfd758d496462e306 Mon Sep 17 00:00:00 2001
From: Henry Jonas <hjonathan.sge@gmail.com>
Date: Tue, 21 Jan 2025 09:37:03 -0400
Subject: [PATCH 1/2] FOUR-20631: Update the row height

---
 resources/jscomposition/base/table/TCell.vue  |  2 +-
 .../jscomposition/base/table/THeader.vue      |  4 ++--
 .../system/table/cell/CaseTitleCell.vue       | 12 ++++------
 .../system/table/cell/LinkCell.vue            |  9 +++----
 .../system/table/cell/TruncatedColumn.vue     | 12 ++++------
 .../table/cell/TruncatedOptionsCell.vue       | 24 +++++++------------
 6 files changed, 22 insertions(+), 41 deletions(-)

diff --git a/resources/jscomposition/base/table/TCell.vue b/resources/jscomposition/base/table/TCell.vue
index ea1da74dc3..6c5e279f18 100644
--- a/resources/jscomposition/base/table/TCell.vue
+++ b/resources/jscomposition/base/table/TCell.vue
@@ -1,6 +1,6 @@
 <template>
   <td
-    class="tw-relative"
+    class="tw-relative tw-p-0"
     :style="{ width: `${column.width}px` }">
     <template v-if="!column.cellRenderer">
       <slot
diff --git a/resources/jscomposition/base/table/THeader.vue b/resources/jscomposition/base/table/THeader.vue
index b9aa24f079..4ac28454b4 100644
--- a/resources/jscomposition/base/table/THeader.vue
+++ b/resources/jscomposition/base/table/THeader.vue
@@ -1,9 +1,9 @@
 <template>
   <th
-    class="tw-relative thead-resizable"
+    class="tw-relative thead-resizable tw-p-0"
     :style="{ width: width + 'px' }">
     <div
-      class="tw-py-4 tw-px-3 tw-text-left tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis">
+      class="tw-py-3 tw-px-3 tw-text-left tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis">
       <slot>
         {{ $t(getValue()) }}
       </slot>
diff --git a/resources/jscomposition/system/table/cell/CaseTitleCell.vue b/resources/jscomposition/system/table/cell/CaseTitleCell.vue
index 928f7b202b..7af7e1d259 100644
--- a/resources/jscomposition/system/table/cell/CaseTitleCell.vue
+++ b/resources/jscomposition/system/table/cell/CaseTitleCell.vue
@@ -3,22 +3,18 @@
     <a
       v-if="href !== null"
       class="hover:tw-text-blue-400 tw-text-gray-500"
-      :href="href(row)"
-    >
+      :href="href(row)">
       <case-title
         :title="row.case_title_formatted"
-        :default-value="getValue()"
-      />
+        :default-value="getValue()" />
     </a>
     <span
       v-else
       class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
-      @click.prevent="onClick"
-    >
+      @click.prevent="onClick">
       <case-title
         :title="row.case_title_formatted"
-        :default-value="getValue()"
-      />
+        :default-value="getValue()" />
     </span>
   </div>
 </template>
diff --git a/resources/jscomposition/system/table/cell/LinkCell.vue b/resources/jscomposition/system/table/cell/LinkCell.vue
index fbe32a434e..d91b18399a 100644
--- a/resources/jscomposition/system/table/cell/LinkCell.vue
+++ b/resources/jscomposition/system/table/cell/LinkCell.vue
@@ -1,19 +1,16 @@
 <template>
   <div
-    class="tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-p-3"
-  >
+    class="tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-p-3">
     <a
       v-if="href !== null"
       class="hover:tw-text-blue-400 tw-text-gray-500"
-      :href="href(row)"
-    >
+      :href="href(row)">
       {{ getValue() }}
     </a>
     <span
       v-else
       class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
-      @click.prevent="onClick"
-    >
+      @click.prevent="onClick">
       {{ getValue() }}
     </span>
   </div>
diff --git a/resources/jscomposition/system/table/cell/TruncatedColumn.vue b/resources/jscomposition/system/table/cell/TruncatedColumn.vue
index 4983db1129..9ce5528c56 100644
--- a/resources/jscomposition/system/table/cell/TruncatedColumn.vue
+++ b/resources/jscomposition/system/table/cell/TruncatedColumn.vue
@@ -11,26 +11,22 @@
       v-model="show"
       :hover="false"
       position="bottom"
-      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center"
-    >
+      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center">
       <div
         class="tw-self-center tw-px-2 tw-rounded-md hover:tw-cursor-pointer hover:tw-bg-gray-200 tw-bg-white "
-        @click.prevent="onClick"
-      >
+        @click.prevent="onClick">
         <i class="fas fa-ellipsis-v" />
       </div>
 
       <template #content>
         <ul
           class="tw-bg-white tw-list-none tw-text-gray-600
-            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300"
-        >
+            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300">
           <template v-for="(option, index) in optionsModel">
             <li
               v-if="index > 0"
               :key="index"
-              class="hover:tw-bg-gray-100"
-            >
+              class="hover:tw-bg-gray-100">
               <span class="tw-flex tw-py-2 tw-px-4 transition duration-300">
                 {{ getValueOption(option, index) }}
               </span>
diff --git a/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue b/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
index d38a848355..2901a0f8ce 100644
--- a/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
+++ b/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
@@ -6,16 +6,14 @@
       <a
         v-if="href !== null"
         class="hover:tw-text-blue-400 tw-text-gray-500"
-        :href="href(optionsModel[0])"
-      >
+        :href="href(optionsModel[0])">
         {{ getValueOption(optionsModel[0], 0) }}
       </a>
       <span
         v-else
         class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
         href="#"
-        @click.prevent.stop="onClickOption(optionsModel[0], 0)"
-      >
+        @click.prevent.stop="onClickOption(optionsModel[0], 0)">
         {{ getValueOption(optionsModel[0], 0) }}
       </span>
     </div>
@@ -24,37 +22,31 @@
       v-model="show"
       :hover="false"
       position="bottom"
-      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center"
-    >
+      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center">
       <div
         class="tw-self-center tw-px-2 tw-rounded-md hover:tw-cursor-pointer hover:tw-bg-gray-200 tw-bg-white "
-        @click.prevent="onClick"
-      >
+        @click.prevent="onClick">
         <i class="fas fa-ellipsis-v" />
       </div>
       <template #content>
         <ul
           class="tw-bg-white tw-list-none tw-text-gray-600
-            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300"
-        >
+            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300">
           <template v-for="(option, index) in optionsModel">
             <li
               v-if="index > 0"
               :key="index"
-              class="hover:tw-bg-gray-100"
-            >
+              class="hover:tw-bg-gray-100">
               <a
                 v-if="href !== null"
                 class="tw-flex tw-py-2 tw-px-4 transition duration-300 tw-text-gray-500 hover:tw-bg-gray-200 hover:tw-text-blue-400"
-                :href="href(option)"
-              >
+                :href="href(option)">
                 {{ getValueOption(option, index) }}
               </a>
               <span
                 v-else
                 class="tw-flex tw-py-2 tw-px-4 transition duration-300 hover:tw-bg-gray-200 hover:tw-cursor-pointer"
-                @click.prevent.stop="onClickOption(option, index)"
-              >
+                @click.prevent.stop="onClickOption(option, index)">
                 {{ getValueOption(option, index) }}
               </span>
             </li>

From ed61c8f2648e9c8a98494b70405bb7d0b86da03f Mon Sep 17 00:00:00 2001
From: Henry Jonas <hjonathan.sge@gmail.com>
Date: Tue, 21 Jan 2025 09:41:55 -0400
Subject: [PATCH 2/2] FOUR-20631: Update the row height

---
 .../system/table/cell/CaseTitleCell.vue       | 12 ++++++---
 .../system/table/cell/LinkCell.vue            |  9 ++++---
 .../system/table/cell/TruncatedColumn.vue     | 12 ++++++---
 .../table/cell/TruncatedOptionsCell.vue       | 27 ++++++++++++-------
 4 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/resources/jscomposition/system/table/cell/CaseTitleCell.vue b/resources/jscomposition/system/table/cell/CaseTitleCell.vue
index 7af7e1d259..928f7b202b 100644
--- a/resources/jscomposition/system/table/cell/CaseTitleCell.vue
+++ b/resources/jscomposition/system/table/cell/CaseTitleCell.vue
@@ -3,18 +3,22 @@
     <a
       v-if="href !== null"
       class="hover:tw-text-blue-400 tw-text-gray-500"
-      :href="href(row)">
+      :href="href(row)"
+    >
       <case-title
         :title="row.case_title_formatted"
-        :default-value="getValue()" />
+        :default-value="getValue()"
+      />
     </a>
     <span
       v-else
       class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
-      @click.prevent="onClick">
+      @click.prevent="onClick"
+    >
       <case-title
         :title="row.case_title_formatted"
-        :default-value="getValue()" />
+        :default-value="getValue()"
+      />
     </span>
   </div>
 </template>
diff --git a/resources/jscomposition/system/table/cell/LinkCell.vue b/resources/jscomposition/system/table/cell/LinkCell.vue
index d91b18399a..fbe32a434e 100644
--- a/resources/jscomposition/system/table/cell/LinkCell.vue
+++ b/resources/jscomposition/system/table/cell/LinkCell.vue
@@ -1,16 +1,19 @@
 <template>
   <div
-    class="tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-p-3">
+    class="tw-text-nowrap tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-p-3"
+  >
     <a
       v-if="href !== null"
       class="hover:tw-text-blue-400 tw-text-gray-500"
-      :href="href(row)">
+      :href="href(row)"
+    >
       {{ getValue() }}
     </a>
     <span
       v-else
       class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
-      @click.prevent="onClick">
+      @click.prevent="onClick"
+    >
       {{ getValue() }}
     </span>
   </div>
diff --git a/resources/jscomposition/system/table/cell/TruncatedColumn.vue b/resources/jscomposition/system/table/cell/TruncatedColumn.vue
index 9ce5528c56..4983db1129 100644
--- a/resources/jscomposition/system/table/cell/TruncatedColumn.vue
+++ b/resources/jscomposition/system/table/cell/TruncatedColumn.vue
@@ -11,22 +11,26 @@
       v-model="show"
       :hover="false"
       position="bottom"
-      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center">
+      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center"
+    >
       <div
         class="tw-self-center tw-px-2 tw-rounded-md hover:tw-cursor-pointer hover:tw-bg-gray-200 tw-bg-white "
-        @click.prevent="onClick">
+        @click.prevent="onClick"
+      >
         <i class="fas fa-ellipsis-v" />
       </div>
 
       <template #content>
         <ul
           class="tw-bg-white tw-list-none tw-text-gray-600
-            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300">
+            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300"
+        >
           <template v-for="(option, index) in optionsModel">
             <li
               v-if="index > 0"
               :key="index"
-              class="hover:tw-bg-gray-100">
+              class="hover:tw-bg-gray-100"
+            >
               <span class="tw-flex tw-py-2 tw-px-4 transition duration-300">
                 {{ getValueOption(option, index) }}
               </span>
diff --git a/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue b/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
index 2901a0f8ce..74b25a3c12 100644
--- a/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
+++ b/resources/jscomposition/system/table/cell/TruncatedOptionsCell.vue
@@ -2,18 +2,21 @@
   <div class="tw-flex tw-relative tw-text-nowrap tw-whitespace-nowrap tw-p-3">
     <div
       v-if="optionsModel.length"
-      class="tw-overflow-hidden tw-text-ellipsis">
+      class="tw-overflow-hidden tw-text-ellipsis"
+    >
       <a
         v-if="href !== null"
         class="hover:tw-text-blue-400 tw-text-gray-500"
-        :href="href(optionsModel[0])">
+        :href="href(optionsModel[0])"
+      >
         {{ getValueOption(optionsModel[0], 0) }}
       </a>
       <span
         v-else
         class="hover:tw-text-blue-400 tw-text-gray-500 hover:tw-cursor-pointer"
         href="#"
-        @click.prevent.stop="onClickOption(optionsModel[0], 0)">
+        @click.prevent.stop="onClickOption(optionsModel[0], 0)"
+      >
         {{ getValueOption(optionsModel[0], 0) }}
       </span>
     </div>
@@ -22,31 +25,37 @@
       v-model="show"
       :hover="false"
       position="bottom"
-      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center">
+      class="!tw-absolute tw-right-0 tw-top-0  tw-h-full tw-flex tw-items-center"
+    >
       <div
         class="tw-self-center tw-px-2 tw-rounded-md hover:tw-cursor-pointer hover:tw-bg-gray-200 tw-bg-white "
-        @click.prevent="onClick">
+        @click.prevent="onClick"
+      >
         <i class="fas fa-ellipsis-v" />
       </div>
       <template #content>
         <ul
           class="tw-bg-white tw-list-none tw-text-gray-600
-            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300">
+            tw-overflow-hidden tw-rounded-lg tw-w-50 tw-text-sm tw-border tw-border-gray-300"
+        >
           <template v-for="(option, index) in optionsModel">
             <li
               v-if="index > 0"
               :key="index"
-              class="hover:tw-bg-gray-100">
+              class="hover:tw-bg-gray-100"
+            >
               <a
                 v-if="href !== null"
                 class="tw-flex tw-py-2 tw-px-4 transition duration-300 tw-text-gray-500 hover:tw-bg-gray-200 hover:tw-text-blue-400"
-                :href="href(option)">
+                :href="href(option)"
+              >
                 {{ getValueOption(option, index) }}
               </a>
               <span
                 v-else
                 class="tw-flex tw-py-2 tw-px-4 transition duration-300 hover:tw-bg-gray-200 hover:tw-cursor-pointer"
-                @click.prevent.stop="onClickOption(option, index)">
+                @click.prevent.stop="onClickOption(option, index)"
+              >
                 {{ getValueOption(option, index) }}
               </span>
             </li>