Add support for deleting tabs

Author: engPabloMartinez

force-app/main/default/lwc/odFlowTabsConfigurationTabs/odFlowTabsConfigurationTabs.html

@@ -31,6 +31,7 @@
                 </lightning-helptext>
               </th>
               <th class="slds-p-around--x-small" style="width: 80px">Order</th>
+              <th class="slds-p-around--x-small" style="width: 50px"></th>
             </tr>
           </thead>
           <tbody>
@@ -147,6 +148,17 @@
                   >
                   </lightning-input>
                 </td>
+                <td class="slds-align--absolute-center">
+                  <lightning-button-icon
+                    title="Delete Tab"
+                    alternative-text="Delete Tab"
+                    icon-name="utility:delete"
+                    class="slds-form-element slds-p-around--xx-small"
+                    data-value={tab.value}
+                    onclick={handleDeleteTab}
+                  >
+                  </lightning-button-icon>
+                </td>
               </tr>
             </template>
           </tbody>

force-app/main/default/lwc/odFlowTabsConfigurationTabs/odFlowTabsConfigurationTabs.js

@@ -164,4 +164,13 @@ export default class OD_FlowTabsConfigurationTabs extends LightningModal {
 
     this.theTabs = this._addDataAndOrder(tabsPlusNew);
   }
+
+  handleDeleteTab(event) {
+    const value = event.target.dataset.value;
+
+    const deletedIndex = this.theTabs.findIndex((tab) => tab.value === value);
+    if (deletedIndex !== -1) {
+      this.theTabs.splice(deletedIndex, 1);
+    }
+  }
 }