fix: Add boolean option to allow deletion of first array field templa…

…te item
bcgov · Oct 15, 2024 · 3281fea · 3281fea
1 parent 18b6cb0
commit 3281fea
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/bciers/apps/registration/app/data/jsonSchema/operationRegistration/facilityInformation.ts b/bciers/apps/registration/app/data/jsonSchema/operationRegistration/facilityInformation.ts
@@ -38,6 +38,7 @@ export const facilityInformationLfoUiSchema: UiSchema = {
       label: false,
       arrayAddLabel: "Add facility",
       title: "Facility",
+      canDeleteFirst: true,
     },
     items: {
       ...facilitiesLfoUiSchema,

diff --git a/bciers/libs/components/src/form/fields/ArrayFieldTemplate.tsx b/bciers/libs/components/src/form/fields/ArrayFieldTemplate.tsx
@@ -29,6 +29,8 @@ const ArrayFieldTemplate = ({
 }: ArrayFieldTemplateProps) => {
   const arrayAddLabel =
     (uiSchema?.["ui:options"]?.arrayAddLabel as string) || "Add";
+  const canDeleteFirst =
+    (uiSchema?.["ui:options"]?.canDeleteFirst as boolean) || false;
 
   const customTitleName = uiSchema?.["ui:options"]?.title as string;
 
@@ -43,7 +45,7 @@ const ArrayFieldTemplate = ({
                   {customTitleName} {i + 1}
                 </span>
               )}
-              {i !== 0 && (
+              {(i !== 0 || canDeleteFirst) && (
                 <button
                   onClick={item.onDropIndexClick(item.index)}
                   className="border-none bg-transparent p-0 ml-6"