datastake-daf 0.6.838 → 0.6.840

package/dist/pages/index.js

@@ -16580,7 +16580,8 @@ function ProductionSites({
   goTo = () => {},
   getRedirectLink = () => {},
   data = [],
-  loading = false
+  loading = false,
+  APP
 }) {
   const productionSites = React.useMemo(() => {
     if (Array.isArray(data?.productionSites)) {
@@ -16601,7 +16602,7 @@ function ProductionSites({
     });
   }, [t, options, user, goTo, getRedirectLink]);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
-    title: t("Production Sites"),
+    title: t(APP === 'wazi' ? "Operating Sites" : "Production Site"),
     className: "with-border-header no-px-body",
     loading: loading,
     children: /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
@@ -17183,7 +17184,8 @@ function SelfAssesment({
   theme = {},
   options = {},
   data,
-  loading
+  loading,
+  APP
 }) {
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
@@ -17208,7 +17210,8 @@ function SelfAssesment({
         goTo: goTo,
         getRedirectLink: getRedirectLink,
         data: data,
-        loading: loading
+        loading: loading,
+        APP: APP
       })
     }), /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(AssociatedInformation$1, {
@@ -46600,6 +46603,7 @@ const mapItem = (data, options, goTo, getRedirectLink, operatorData = {}, APP) =
       value: data.country || operatorData?.country
     },
     totalSources: data.sources ?? 0,
+    product: data?.product || "",
     volume: data?.volume || "",
     onClick: function () {
       if (data.type === "mineSite") {
@@ -47113,6 +47117,9 @@ const TradeRelationships = ({
             return c.totalSources || 0;
           },
           renderTooltipItems: data => [{
+            label: "Product",
+            value: data?.product || "--"
+          }, {
             label: "Volume",
             value: data?.volume || "--"
           }],
@@ -47151,7 +47158,7 @@ const IconNodesConfig$1 = {
     emptyName: "no-management"
   },
   shareholders: {
-    name: "Stakeholders",
+    name: "Shareholders",
     icon: "PercentCircle",
     order: 4,
     emptyName: "no-stakeholders"
@@ -55693,7 +55700,7 @@ const PlantingLocations = ({
  * Formats a date based on the time filter
  * @param {dayjs.Dayjs} date - The date to format
  * @param {boolean} breakLine - Whether to add a line break (for tooltips)
- * @param {string} timeFilter - The time filter ('daily', 'weekly', 'monthly')
+ * @param {string} timeFilter - The time filter ('daily', 'weekly', 'monthly', 'yearly')
  * @returns {string} Formatted date string
  */
 const getFormatDate = (date, breakLine = false, timeFilter = 'monthly') => {
@@ -55702,20 +55709,30 @@ const getFormatDate = (date, breakLine = false, timeFilter = 'monthly') => {
       return date.format("DD/MM");
     case "weekly":
       return `W${renderNumber$1(date.week())}`;
+    case "yearly":
+      return date.format("YYYY");
     default:
       // Monthly format: "Dec 24", "Jan 25", etc.
-
       return breakLine ? `${capitalize(date.format("MMM"))}\n${date.format("YY")}` : `${capitalize(date.format("MMM"))} ${date.format("YY")}`;
   }
 };
 
 /**
  * Gets the time quantity string for dayjs operations
- * @param {string} timeFilter - The time filter ('daily', 'weekly', 'monthly')
- * @returns {string} Time quantity string ('days', 'weeks', 'months')
+ * @param {string} timeFilter - The time filter ('daily', 'weekly', 'monthly', 'yearly')
+ * @returns {string} Time quantity string ('days', 'weeks', 'months', 'years')
  */
 const getTimeQuantity = (timeFilter = 'monthly') => {
-  return timeFilter === "monthly" ? "months" : timeFilter === "daily" ? "days" : "weeks";
+  switch (timeFilter) {
+    case "daily":
+      return "days";
+    case "weekly":
+      return "weeks";
+    case "yearly":
+      return "years";
+    default:
+      return "months";
+  }
 };
 
 /**
@@ -55741,6 +55758,9 @@ const getPreviousGraphData = (dates, startDate, timeFilter, valueField = 'total'
       case "weekly":
         isBeforeStart = date.isBefore(startDate, 'week');
         break;
+      case "yearly":
+        isBeforeStart = date.isBefore(startDate, 'year');
+        break;
       default:
         isBeforeStart = date.isBefore(startDate, 'month');
         break;
@@ -55763,7 +55783,7 @@ const getPreviousGraphData = (dates, startDate, timeFilter, valueField = 'total'
  * Processes chart data with time filtering support
  * @param {Object} params - Parameters object
  * @param {Array} params.mainData - Array of data objects with date and value fields
- * @param {string} params.timeFilter - Time filter ('daily', 'weekly', 'monthly')
+ * @param {string} params.timeFilter - Time filter ('daily', 'weekly', 'monthly', 'yearly')
  * @param {Object} params.filters - Optional filters object with timeframe
  * @param {boolean} params.isCumulative - Whether to calculate cumulative values (default: false)
  * @param {string} params.valueField - Field name to extract value from (default: 'total', also checks 'count', 'jobs', 'value')
@@ -55790,6 +55810,9 @@ const processChartDateData = ({
   } else if (filter === "weekly") {
     start = start.startOf('week');
     end = end.startOf('week');
+  } else if (filter === "yearly") {
+    start = start.startOf('year');
+    end = end.startOf('year');
   } else {
     start = start.startOf('month');
     end = end.startOf('month');
@@ -55806,9 +55829,24 @@ const processChartDateData = ({
     cumulativeScore = hasPreviousData ? previousCumulativeScore : 0;
   }
 
+  // Get the period unit for comparison
+  const getPeriodUnit = f => {
+    switch (f) {
+      case "daily":
+        return "day";
+      case "weekly":
+        return "week";
+      case "yearly":
+        return "year";
+      default:
+        return "month";
+    }
+  };
+  const periodUnit = getPeriodUnit(filter);
+
   // Loop until we reach the end date
   let currentDate = start.clone();
-  while (currentDate.isBefore(end) || currentDate.isSame(end, filter === "daily" ? "day" : filter === "weekly" ? "week" : "month")) {
+  while (currentDate.isBefore(end) || currentDate.isSame(end, periodUnit)) {
     // Filter data points that fall within this period
     const score = isEmpty ? 0 : dates.filter(d => {
       if (!d.date) return false;
@@ -55817,6 +55855,8 @@ const processChartDateData = ({
           return d.date === currentDate.format("YYYY-MM-DD");
         case "weekly":
           return dayjs__default["default"](d.date, "YYYY-MM-DD").week() === currentDate.week() && dayjs__default["default"](d.date, "YYYY-MM-DD").year() === currentDate.year();
+        case "yearly":
+          return dayjs__default["default"](d.date, "YYYY-MM-DD").year() === currentDate.year();
         default:
           return dayjs__default["default"](d.date, "YYYY-MM-DD").format("YYYY-MM") === currentDate.format("YYYY-MM");
       }
@@ -55853,7 +55893,7 @@ const processChartDateData = ({
 const formatDateAxis = (label, getFormatDateFn) => {
   if (!label) return label;
 
-  // Check if label is already in the correct format (MMM YY, DD/MM, or W#)
+  // Check if label is already in the correct format (MMM YY, DD/MM, W#, or YYYY)
   // If it matches our format patterns, return as-is
   if (typeof label === 'string') {
     // Check for MMM YY format (e.g., "Dec 24", "Jan 25")
@@ -55868,6 +55908,10 @@ const formatDateAxis = (label, getFormatDateFn) => {
     if (/^W\d+$/.test(label)) {
       return label;
     }
+    // Check for YYYY format (e.g., "2024", "2025")
+    if (/^\d{4}$/.test(label)) {
+      return label;
+    }
   }
 
   // Otherwise, try to parse and format it
@@ -55875,7 +55919,7 @@ const formatDateAxis = (label, getFormatDateFn) => {
 
   // If first attempt fails, try parsing as ISO date string
   if (!date.isValid() && typeof label === 'string') {
-    date = dayjs__default["default"](label, ['YYYY-MM-DD', 'YYYY-MM', 'MMM YY', 'MMM YYYY', 'DD/MM'], true);
+    date = dayjs__default["default"](label, ['YYYY-MM-DD', 'YYYY-MM', 'YYYY', 'MMM YY', 'MMM YYYY', 'DD/MM'], true);
   }
 
   // If it's a valid date, format it using getFormatDate
@@ -55892,7 +55936,7 @@ const formatDateAxis = (label, getFormatDateFn) => {
  * Provides state management and formatting functions for time-based charts
  * 
  * @param {Object} options - Configuration options
- * @param {string} options.defaultFilter - Default time filter ('daily', 'weekly', 'monthly')
+ * @param {string} options.defaultFilter - Default time filter ('daily', 'weekly', 'monthly', 'yearly')
  * @returns {Object} Time filter state and utilities
  */
 const useTimeFilter = ({
@@ -55943,6 +55987,9 @@ const selectOptions$2 = [{
 }, {
   label: "Monthly",
   value: "monthly"
+}, {
+  label: "Yearly",
+  value: "yearly"
 }];
 const RestoredArea = ({
   restoredAreaChart,
@@ -56086,6 +56133,9 @@ const selectOptions$1 = [{
 }, {
   label: "Monthly",
   value: "monthly"
+}, {
+  label: "Yearly",
+  value: "yearly"
 }];
 const PlantingActivitiesTimeline = ({
   activitiesTimelineChart,
@@ -56114,6 +56164,11 @@ const PlantingActivitiesTimeline = ({
     while (lastNonZeroIndex >= 0 && (processedData[lastNonZeroIndex].jobs || 0) === 0) {
       lastNonZeroIndex--;
     }
+
+    // If all values are 0, return full processed data to show x-axis with default date range
+    if (lastNonZeroIndex < 0) {
+      return processedData;
+    }
     return processedData.slice(0, lastNonZeroIndex + 1);
   }, [activitiesTimelineChart, processChartDateData]);
   const maxActivitiesYValue = React.useMemo(() => {
@@ -57008,6 +57063,9 @@ const selectOptions = [{
 }, {
   label: "Monthly",
   value: "monthly"
+}, {
+  label: "Yearly",
+  value: "yearly"
 }];
 const JobsTimeline = ({
   dayJobsTimeline,
@@ -57023,22 +57081,6 @@ const JobsTimeline = ({
     defaultFilter: 'monthly'
   });
   const jobsData = Array.isArray(dayJobsTimeline) ? dayJobsTimeline : dayJobsTimeline?.jobsTimeline || dayJobsTimeline?.jobs || dayJobsTimeline?.timeline || [];
-
-  // const jobsTimelineData = useMemo(() => {
-  //     // Always process data, even if empty, to generate default date range for x-axis
-  //     const dataToProcess = (!jobsData || !Array.isArray(jobsData) || jobsData.length === 0) 
-  //         ? [] 
-  //         : jobsData;
-
-  //     // Process data without cumulative calculation (for jobs timeline)
-  //     // Try to find value in total, count, jobs, or value fields
-  //     return processChartDateData({
-  //         mainData: dataToProcess,
-  //         isCumulative: false,
-  //         valueField: 'total', // Will fallback to count/jobs/value if total doesn't exist
-  //     });
-  // }, [jobsData, processChartDateData]);
-
   const jobsTimelineData = React.useMemo(() => {
     // Prepare data first
     const dataToProcess = !jobsData || !Array.isArray(jobsData) || jobsData.length === 0 ? [] : jobsData;
@@ -57056,7 +57098,12 @@ const JobsTimeline = ({
       lastNonZeroIndex--;
     }
 
-    // Slice up to last period with data
+    // If all values are 0, return full processed data to show x-axis with default date range
+    if (lastNonZeroIndex < 0) {
+      return processedData;
+    }
+
+    // Otherwise, slice up to last period with data
     return processedData.slice(0, lastNonZeroIndex + 1);
   }, [jobsData, processChartDateData]);
   const maxYValue = React.useMemo(() => {
@@ -64456,7 +64503,7 @@ function ProblemSolvers({
   }, [data]);
   const isEmpty = !pieData.length;
   const getTooltipChildren = React.useCallback(items => {
-    const item = items[0];
+    const item = Array.isArray(items) ? items[0] : items;
     return renderTooltipJsx({
       title: item?.label || t("Undetermined"),
       link: true,

package/dist/utils/index.js

@@ -7850,6 +7850,7 @@ function mapUser(user) {
 }
 
 const en = {
+  "Operating Sites": "Operating Sites",
   "Identified Mine Sites": "Identified Mine Sites",
   "Associated Documents": "Associated Documents",
   "Male": "Male",
@@ -7878,6 +7879,7 @@ const en = {
   "events": "Events",
   "merge-locations": "Merge Locations",
   "edit-account": "Edit Account",
+  "testimonials": "Testimonials",
   "Are-you-sure-you-want-to-remove-the-user-from-this-account?": "Are you sure you want to remove the user from this account?",
   "The-user-will-lose-access-to-the-application-and-to-all-data-created-for-this-account.": "The user will lose access to the application and to all data created for this account.",
   "merge": "Merge",
@@ -9221,6 +9223,7 @@ const en = {
 };
 
 const fr = {
+  "Operating Sites": "Sites d’Exploitation",
   "Identified Mine Sites": "Sites miniers identifiés",
   "Associated Documents": "Documents associés",
   "Male": "Masculin",
@@ -11158,6 +11161,7 @@ const fr = {
 };
 
 const sp = {
+  "Operating Sites": "Sitios de Operación",
   "Identified Mine Sites": "Sitios mineros identificados",
   "Associated Documents": "Documentos asociados",
   "Male": "Masculino",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.838",
+	"version": "0.6.840",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/hooks/useTimeFilter.js

@@ -6,7 +6,7 @@ import { getFormatDate, getTimeQuantity, processChartDateData, formatDateAxis }
  * Provides state management and formatting functions for time-based charts
  * 
  * @param {Object} options - Configuration options
- * @param {string} options.defaultFilter - Default time filter ('daily', 'weekly', 'monthly')
+ * @param {string} options.defaultFilter - Default time filter ('daily', 'weekly', 'monthly', 'yearly')
  * @returns {Object} Time filter state and utilities
  */
 export const useTimeFilter = ({ defaultFilter = 'monthly' } = {}) => {

package/src/@daf/pages/Dashboards/ConflictManagement/components/RisksWidget/components/ProblemSolver/index.js

@@ -58,7 +58,7 @@ function ProblemSolvers({ selectedPartners = {}, loading: parentLoading = false,
     const isEmpty = !pieData.length;
 
     const getTooltipChildren = useCallback((items) => {
-        const item = items[0]; 
+        const item = Array.isArray(items) ? items[0] : items;
         
         return renderTooltipJsx({
             title: item?.label || t("Undetermined"),

package/src/@daf/pages/Dashboards/SelfAssesment/components/ProductionSites/index.jsx

@@ -13,6 +13,7 @@ function ProductionSites({
     getRedirectLink = () => {},
     data = [],
     loading = false,
+    APP,
 }) {
 
     const productionSites = useMemo(() => {
@@ -32,7 +33,7 @@ function ProductionSites({
 
     return (
         <Widget
-            title={t("Production Sites")}
+            title={t(APP === 'wazi' ? "Operating Sites" : "Production Site")}
             className="with-border-header no-px-body"
             loading={loading}
         >

package/src/@daf/pages/Dashboards/SelfAssesment/index.jsx

@@ -14,7 +14,8 @@ function SelfAssesment({
     theme = {},
     options = {},
     data,
-    loading
+    loading,
+    APP,
 }) {
     return (
         <DashboardLayout
@@ -29,7 +30,7 @@ function SelfAssesment({
                 <OrganisationInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} theme={theme} data={data} loading={loading}/>
             </section>
             <section>
-                <ProductionSites t={t} options={options} user={user} goTo={goTo} getRedirectLink={getRedirectLink} data={data} loading={loading} />
+                <ProductionSites t={t} options={options} user={user} goTo={goTo} getRedirectLink={getRedirectLink} data={data} loading={loading} APP={APP} />
             </section>
             <section>
                 <AssociatedInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} data={data} loading={loading} theme={theme} options={options} />

package/src/@daf/pages/ResetPassword/index.jsx

@@ -0,0 +1,228 @@
+// import React from "react";
+// import DafButton from "../../../Button/index.jsx";
+// import Loading from "../../../Loading/index.jsx";
+// import AuthForm from "../../../AuthForm/index.jsx";
+
+// const step = 1;
+
+// export default function ResetPassword({
+//   resetRequestSuccedded,
+//   resetRequestError,
+//   submitting,
+//   requestResetPassword,
+//   resetPassword,
+//   params: propParams = {},
+//   Layout,
+//   goTo,
+//   t,
+//   theme,
+//   errors,
+
+//   loginPath: loginPathProp,
+// }) {
+//   const { app, confirmationToken } = propParams;
+
+//   const getLogInLink = () => {
+//     if (loginPathProp) return loginPathProp;
+//     if (app) return `/${app}/login`;
+//     return "/login";
+//   };
+
+//   const handleGoToLogin = () => {
+//     const link = getLogInLink();
+//     if (goTo && typeof goTo === "function") {
+//       goTo(link);
+//     } else {
+//       window.location.href = link;
+//     }
+//   };
+
+//   const title = !confirmationToken
+//     ? resetRequestSuccedded
+//       ? "Thank you"
+//       : "Reset Password"
+//     : resetRequestSuccedded
+//       ? "Password updated"
+//       : "Create Password";
+
+//   const subTitle = !confirmationToken
+//     ? resetRequestSuccedded
+//       ? "A password reset link has been sent to your email address. If you can’t find the message in your inbox, please check your spam folder!"
+//       : "Please enter your email, to get a link and request a new password."
+//     : resetRequestSuccedded
+//       ? "Your password has been updated, click in the button below to log in."
+//       : "Please set up your new password.";
+
+//   const requestResetFields = [
+//     {
+//       name: "email",
+//       label: t("Email"),
+//       type: "input",
+//       required: true,
+//       rules: [
+//         {
+//           required: true,
+//           message: t("errors::email should not be empty"),
+//         },
+//         {
+//           pattern:
+//             /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,
+//           message: t("errors::email is not valid"),
+//         },
+//       ],
+//       placeholder: t("Email"),
+//     },
+//   ];
+
+//   const resetPasswordFields = [
+//     {
+//       name: "password",
+//       label: t("Enter password"),
+//       type: "password",
+//       required: true,
+//       rules: [
+//         {
+//           required: true,
+//           message: t("errors::password should not be empty"),
+//         },
+//       ],
+//       placeholder: t("••••••••"),
+//     },
+//     {
+//       name: "confirmPassword",
+//       label: t("Confirm password"),
+//       type: "password",
+//       required: true,
+//       dependencies: ["password"],
+//       rules: [
+//         {
+//           required: true,
+//           message: t("errors::password should not be empty"),
+//         },
+//         ({ getFieldValue }) => ({
+//           validator(rule, value) {
+//             if (!value || getFieldValue("password") === value) {
+//               return Promise.resolve();
+//             }
+//             return Promise.reject(t("errors::passwordNotMatch"));
+//           },
+//         }),
+//       ],
+//       placeholder: t("••••••••"),
+//     },
+//   ];
+
+//   const handleRequestResetSubmit = (values) => {
+//     requestResetPassword(values);
+//   };
+
+//   const handleResetPasswordSubmit = (values) => {
+
+//     resetPassword({
+//       ...values,
+//       passConfirmationToken: confirmationToken,
+//     });
+//   };
+
+//   const currentTheme = theme || window.theme;
+
+//   const Content = (
+//     <>
+//       {!resetRequestSuccedded && !confirmationToken && (
+//         <>
+//           <AuthForm
+//             fields={requestResetFields}
+//             onSubmit={handleRequestResetSubmit}
+//             submitText={t("Get Link")}
+//             errors={errors}
+//             t={t}
+//             executeRecaptcha={() => Promise.resolve(true)}
+//             theme={currentTheme}
+//             submitButtonProps={{
+//               loading: submitting,
+//             }}
+//           />
+//           <div className="mt-4">
+//             <DafButton
+//               type="default"
+//               className="normal-br"
+//               style={
+//                 currentTheme
+//                   ? {
+//                       borderColor: currentTheme.colorPrimary,
+//                       color: currentTheme.colorPrimary,
+//                     }
+//                   : {}
+//               }
+//               onClick={handleGoToLogin}
+//             >
+//               {t("Back")}
+//             </DafButton>
+//           </div>
+
+//           {resetRequestError ? (
+//             <div
+//               className="ant-form-item-explain errors-cont no-pt mt-3"
+//               style={{ color: "#ff4d4f" }}
+//             >
+//               {t(resetRequestError)}
+//             </div>
+//           ) : null}
+//         </>
+//       )}
+
+//       {!resetRequestSuccedded && confirmationToken && (
+//         <AuthForm
+//           fields={resetPasswordFields}
+//           onSubmit={handleResetPasswordSubmit}
+//           submitText={t("Reset Password")}
+//           errors={errors}
+//           t={t}
+//           executeRecaptcha={() => Promise.resolve(true)}
+//           theme={currentTheme}
+//           submitButtonProps={{
+//             loading: submitting,
+//           }}
+//         />
+//       )}
+
+//       {resetRequestSuccedded && confirmationToken && (
+//         <div className="buttons">
+//           <DafButton
+//             type="primary"
+//             className="normal-br"
+//             style={
+//               currentTheme
+//                 ? {
+//                     backgroundColor: currentTheme.colorPrimary,
+//                     borderColor: currentTheme.colorPrimary,
+//                   }
+//                 : {}
+//             }
+//             onClick={handleGoToLogin}
+//           >
+//             {t("Log In")}
+//           </DafButton>
+//         </div>
+//       )}
+
+//       {resetRequestSuccedded && !confirmationToken && null}
+//     </>
+//   );
+
+//   if (Layout) {
+//     return (
+//       <Layout app={app} step={step} title={title} subTitle={subTitle}>
+//         {Content}
+//       </Layout>
+//     );
+//   }
+
+//   return (
+//     <div style={{ padding: 20, maxWidth: 400, margin: "0 auto" }}>
+//       <h2>{title}</h2>
+//       <p>{subTitle}</p>
+//       {Content}
+//     </div>
+//   );
+// }

package/src/@daf/pages/Summary/Activities/PlantingCycle/components/CommunityParticipation/JobsTimeline/index.jsx

@@ -7,6 +7,7 @@ const selectOptions = [
     { label: "Daily", value: "daily" },
     { label: "Weekly", value: "weekly" },
     { label: "Monthly", value: "monthly" },
+    { label: "Yearly", value: "yearly" },
 ];
 
 const JobsTimeline = ({
@@ -20,20 +21,6 @@ const JobsTimeline = ({
         ? dayJobsTimeline 
         : (dayJobsTimeline?.jobsTimeline || dayJobsTimeline?.jobs || dayJobsTimeline?.timeline || []);
 
-    // const jobsTimelineData = useMemo(() => {
-    //     // Always process data, even if empty, to generate default date range for x-axis
-    //     const dataToProcess = (!jobsData || !Array.isArray(jobsData) || jobsData.length === 0) 
-    //         ? [] 
-    //         : jobsData;
-
-    //     // Process data without cumulative calculation (for jobs timeline)
-    //     // Try to find value in total, count, jobs, or value fields
-    //     return processChartDateData({
-    //         mainData: dataToProcess,
-    //         isCumulative: false,
-    //         valueField: 'total', // Will fallback to count/jobs/value if total doesn't exist
-    //     });
-    // }, [jobsData, processChartDateData]);
 
     const jobsTimelineData = useMemo(() => {
         // Prepare data first
@@ -54,7 +41,12 @@ const JobsTimeline = ({
             lastNonZeroIndex--;
         }
     
-        // Slice up to last period with data
+        // If all values are 0, return full processed data to show x-axis with default date range
+        if (lastNonZeroIndex < 0) {
+            return processedData;
+        }
+    
+        // Otherwise, slice up to last period with data
         return processedData.slice(0, lastNonZeroIndex + 1);
     }, [jobsData, processChartDateData]);
     

package/src/@daf/pages/Summary/Activities/PlantingCycle/components/CycleOutcomes/PlantingActivitiesTimeline.jsx

@@ -7,6 +7,7 @@ const selectOptions = [
     { label: "Daily", value: "daily" },
     { label: "Weekly", value: "weekly" },
     { label: "Monthly", value: "monthly" },
+    { label: "Yearly", value: "yearly" },
 ];
 
 const PlantingActivitiesTimeline = ({
@@ -34,6 +35,11 @@ const PlantingActivitiesTimeline = ({
             lastNonZeroIndex--;
         }
     
+        // If all values are 0, return full processed data to show x-axis with default date range
+        if (lastNonZeroIndex < 0) {
+            return processedData;
+        }
+    
         return processedData.slice(0, lastNonZeroIndex + 1);
     }, [activitiesTimelineChart, processChartDateData]);