Added date field and sort subform for child functioning

Author: gitdivyanshu

app/javascript/components/pages/admin/child-functioning/SubformSummary.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { toServerDateFormat } from "../../../../libs";
 import childFunctioningSummaryData from './childFunctioningSummaryData';
 
 const formatKey = (key) =>
@@ -13,7 +14,10 @@ const formatValue = (key, value) => {
       return `${value.replace("_", " to ")} years`;
     if (value.includes("_"))
       return value.replace(/_/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
-    if (!Number.isNaN(Date.parse(value))) return new Date(value).toLocaleDateString();  // Fixed here
+    const parsedDate = new Date(value);
+    if (!Number.isNaN(parsedDate.getTime())) {
+      return toServerDateFormat(parsedDate, { includeTime: false });
+    }
     return value;
   }
   return value; // Handle non-string values

app/javascript/components/pages/admin/child-functioning/childFunctioningSummaryData.jsx

@@ -1,4 +1,5 @@
 const childFunctioningSummaryData = [
+  { label: "Date", key: "date_fa81c1a"},
   { label: "Are you ready to start the Child Functioning Module", key: "cfm_start" },
   { label: "Age", key: "cfm_age" },
   { label: "Vision wear glass", key: (latestValue) => `cfm_${latestValue?.cfm_age}_vision_wears_glasses` },

app/javascript/components/record-form/form/subforms/subform-field-array/component.jsx

@@ -14,7 +14,7 @@ import { VIOLATIONS_ASSOCIATIONS_FORM } from "../../../../../config";
 import css from "../styles.css";
 import { isFamilyDetailSubform, isFamilyMemberSubform, isViolationSubform } from "../../utils";
 import { GuidingQuestions } from "../../components";
-
+import orderBy from "lodash/orderBy";
 import { isEmptyOrAllDestroyed, isTracesSubform } from "./utils";
 import SubformSummary from "../../../../pages/admin/child-functioning/SubformSummary"
 function Component({
@@ -76,14 +76,16 @@ function Component({
     }
   }, [index]);
 
+  const sortedRecordsByDateDesc = orderBy(orderedValues, [(v) => new Date(v["date_fa81c1a"])], ["desc"]);
+
   const renderEmptyData = isEmptyOrAllDestroyed(orderedValues) ? (
     <SubformEmptyData subformName={title} />
   ) : (
     <List dense={renderAsAccordion} classes={{ root: css.list }} disablePadding>
       <SubformFields
         arrayHelpers={arrayHelpers}
         field={field}
-        values={orderedValues}
+        values={title === 'Child Functioning Subform' ? sortedRecordsByDateDesc : orderedValues}
         locale={i18n.locale}
         mode={mode}
         setOpen={setOpenDialog}
@@ -109,15 +111,16 @@ function Component({
       <GuidingQuestions label={i18n.t("buttons.guidance")} text={guidingQuestions[i18n.locale]} />
     </div>
   );
-  const latestValue = orderedValues === undefined ? null : orderedValues[orderedValues.length - 1]
+  
+  const getlatestValue = (arr) => arr?.[0] ?? null;
+  const latestValue = getlatestValue(sortedRecordsByDateDesc);
   return (
     <div className={css.fieldArray} data-testid="subform-field-array">
 
       {/* Conditionally Render Child Functioning Subform Summary */}
       {title === 'Child Functioning Subform' && (
         <SubformSummary latestValue={latestValue} />
       )}
-
       <div className={cssContainer}>
         {!renderAsAccordion && (
           <div data-testid="subForm-header">
@@ -162,7 +165,7 @@ function Component({
         mode={mode}
         selectedValue={selectedValue}
         open={open}
-        orderedValues={orderedValues}
+        orderedValues={title === 'Child Functioning Subform' ? sortedRecordsByDateDesc : orderedValues}
         recordModuleID={recordModuleID}
         recordType={recordType}
         setOpen={setOpenDialog}