temp (#1859)

* temp

* remove debug statements

* lint errors

Author: clinnygee

packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RemoveItemButton.tsx

@@ -29,9 +29,9 @@ interface RemoveItemButtonProps {
 }
 
 function RemoveItemButton(props: RemoveItemButtonProps) {
-  const { nullableQrItem, numOfRepeatGroups, readOnly, onRemoveItem } = props;
+  const { nullableQrItem, readOnly, onRemoveItem } = props;
 
-  const isDisabled = nullableQrItem === null || numOfRepeatGroups === 1 || readOnly;
+  const isDisabled = nullableQrItem === null || readOnly;
 
   return (
     <RepeatRemoveTooltip title="Remove item">

packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroup.tsx

@@ -89,6 +89,11 @@ function RepeatGroup(props: RepeatGroupProps) {
     const newLastItemIndex = repeatGroups.length;
     mutateRepeatEnableWhenItems(qItem.linkId, newLastItemIndex, 'remove');
 
+    if (updatedRepeatGroups.length === 0) {
+      mutateRepeatEnableWhenItems(qItem.linkId, 0, 'add');
+      updatedRepeatGroups.push({ id: generateNewRepeatId(qItem.linkId), qrItem: null });
+    }
+
     setRepeatGroups(updatedRepeatGroups);
 
     onQrRepeatGroupChange({

packages/smart-forms-renderer/src/components/FormComponents/RepeatGroup/RepeatGroupView.tsx

@@ -138,7 +138,7 @@ function RepeatGroupView(props: RepeatGroupViewProps) {
       cardElevation={groupCardElevation}
       isRepeated={true}
       style={parentStyles || undefined}>
-      <Card elevation={groupCardElevation} sx={{ p: 3, py: 1.5, mb: 2.5 }}>
+      <Card elevation={groupCardElevation} sx={{ p: 3, py: 1.5, mt: 2.5 }}>
         {itemTextToDisplay ? (
           <>
             <GroupHeading

packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RemoveItemButton.tsx

@@ -29,7 +29,7 @@ interface RemoveItemButtonProps {
 }
 
 function RemoveItemButton(props: RemoveItemButtonProps) {
-  const { answer, numOfRepeatAnswers, readOnly, onRemoveAnswer } = props;
+  const { answer, readOnly, onRemoveAnswer, numOfRepeatAnswers } = props;
 
   const isDisabled = answer === null || numOfRepeatAnswers === 1 || readOnly;
 

packages/smart-forms-renderer/src/components/FormComponents/RepeatItem/RepeatItem.tsx

@@ -70,6 +70,11 @@ function RepeatItem(props: RepeatItemProps) {
 
     updatedRepeatAnswers.splice(index, 1);
 
+    if (updatedRepeatAnswers.length === 0) {
+      onQrItemChange({ ...createEmptyQrItem(qItem, undefined) });
+      return;
+    }
+
     onQrItemChange({
       ...createEmptyQrItem(qItem, undefined),
       answer: updatedRepeatAnswers.flatMap((repeatAnswer) => (repeatAnswer ? [repeatAnswer] : []))

packages/smart-forms-renderer/src/components/FormComponents/Tables/AddRowButton.tsx

@@ -30,7 +30,8 @@ interface AddItemButtonProps {
 function AddRowButton(props: AddItemButtonProps) {
   const { repeatGroups, readOnly, onAddItem } = props;
 
-  const isDisabled = repeatGroups[repeatGroups.length - 1].qrItem === null || readOnly;
+  const lastGroup = repeatGroups[repeatGroups.length - 1];
+  const isDisabled = (lastGroup !== undefined && lastGroup.qrItem === null) || readOnly;
 
   return (
     <Box display="flex" flexDirection="row-reverse">

packages/smart-forms-renderer/src/components/FormComponents/Tables/GroupTable.tsx

@@ -158,13 +158,19 @@ function GroupTable(props: GroupTableProps) {
   }
 
   function handleRemoveRow(index: number) {
-    const updatedTableRows = [...tableRows];
+    let updatedTableRows = [...tableRows];
 
     const rowToRemove = updatedTableRows[index];
     const updatedSelectedIds = selectedIds.filter((id) => id !== rowToRemove.id);
 
     updatedTableRows.splice(index, 1);
 
+    if (updatedTableRows.length === 0) {
+      const newRowId = generateNewRepeatId(qItem.linkId);
+      updatedTableRows = [{ id: newRowId, qrItem: null }];
+      updatedSelectedIds.push(newRowId);
+    }
+
     setTableRows(updatedTableRows);
 
     onQrRepeatGroupChange({

packages/smart-forms-renderer/src/components/FormComponents/Tables/RemoveRowButton.tsx

@@ -31,9 +31,10 @@ interface RemoveRowButtonProps {
 }
 
 function RemoveRowButton(props: RemoveRowButtonProps) {
-  const { nullableQrItem, numOfRows, readOnly, onRemoveItem } = props;
+  const { nullableQrItem, onRemoveItem } = props;
+
+  const isDisabled = nullableQrItem === null;
 
-  const isDisabled = nullableQrItem === null || numOfRows === 1 || readOnly;
   return (
     <RemoveButtonTableCell>
       <Tooltip title="Remove item">