datastake-daf 0.6.121 → 0.6.123

package/dist/components/index.js

@@ -3065,7 +3065,7 @@ const config$3 = {
   Integration: config$4
 };
 
-const _excluded$o = ["width", "height", "size", "name", "fill"];
+const _excluded$p = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -3074,7 +3074,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -9276,7 +9276,7 @@ createCommonjsModule(function (module, exports) {
 !function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
 });
 
-const _excluded$n = ["view", "module", "scope", "form", "meta"];
+const _excluded$o = ["view", "module", "scope", "form", "meta"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -9650,7 +9650,7 @@ const filterCreateData = data => {
       form,
       meta
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$n);
+    rest = _objectWithoutProperties(data, _excluded$o);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -10035,7 +10035,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$m = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
+const _excluded$n = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
 function DAFTable(_ref) {
   let {
       columns = [],
@@ -10066,7 +10066,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$n);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -10788,7 +10788,7 @@ Pagination.propTypes = {
   isMobile: PropTypes__default["default"].bool
 };
 
-const _excluded$l = ["size", "maxHeight", "dataSource", "columns", "pagination"];
+const _excluded$m = ["size", "maxHeight", "dataSource", "columns", "pagination"];
 function StickyTable(_ref) {
   let {
       size = null,
@@ -10797,7 +10797,7 @@ function StickyTable(_ref) {
       columns = {},
       pagination = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "daf-sticky-table",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11489,12 +11489,12 @@ const Style$H = dt.div`
   }
 `;
 
-const _excluded$k = ["children"];
+const _excluded$l = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11634,12 +11634,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$j = ["icon"];
+const _excluded$k = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -11961,7 +11961,7 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$i = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$j = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$i
 } = antd.theme;
@@ -12054,7 +12054,7 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$i);
+    restProps = _objectWithoutProperties(_ref, _excluded$j);
   const {
     token
   } = useToken$i();
@@ -12721,7 +12721,7 @@ DAFHeader.propTypes = {
   downloadDisabled: PropTypes__default["default"].any
 };
 
-const _excluded$h = ["tabs", "onChange", "value", "className"];
+const _excluded$i = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -12729,7 +12729,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$h);
+    rest = _objectWithoutProperties(_ref, _excluded$i);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -12826,7 +12826,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$g = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$h = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -12861,7 +12861,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$g);
+              restProps = _objectWithoutProperties(button, _excluded$h);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -12934,9 +12934,9 @@ DAFFooter.propTypes = {
   isViewMode: PropTypes__default["default"].bool
 };
 
-const PAGE_HEIGHT = 3508;
+const PAGE_HEIGHT = 1587;
 // margin-top: 20, bottom: 20;
-const FOOTER_HEIGHT = 40;
+const FOOTER_HEIGHT = 70;
 const HEADER_HEIGHT = 100;
 const Row = _ref => {
   let {
@@ -13001,14 +13001,8 @@ function PdfView(_ref2) {
           ref
         } = sectionsConfig[k];
         if (i === 0) {
-          const availableSpace = PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT;
-          if (height > availableSpace) {
-            ref.current.style.marginTop = '30px';
-            incrHeight = 30;
-          } else {
-            ref.current.style.marginTop = "".concat(HEADER_HEIGHT, "px");
-            incrHeight = HEADER_HEIGHT;
-          }
+          ref.current.style.marginTop = "".concat(HEADER_HEIGHT, "px");
+          incrHeight += HEADER_HEIGHT;
         }
         const newHeight = incrHeight + height;
         if (i === keys.length - 1) {
@@ -14135,7 +14129,7 @@ const handleDataLinkGroupWithTableKeys = ({
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey,
           type: inputConfig?.type
         };
-        values[tableKey] = item?.linking?.SCL?.[item?.[tableKey]]?.name || item?.[tableKey];
+        values[tableKey] = item?.[tableKey];
       }
     });
     siblingInputsMatchingTableKeys.forEach(siblingKey => {
@@ -14310,7 +14304,7 @@ const handleDataLinkWithTableKeys = ({
           }
           inputs[tableKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey);
         }
-        values[tableKey] = item?.linking?.SCL?.[item?.[tableKey]]?.name || item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[tableKey];
+        values[tableKey] = item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[tableKey];
       } else {
         inputs[tableKey] = {
           label: uploadTypeFields.includes(tableKey) ? uploadTypeLabels[tableKey] : tableKey,
@@ -14349,7 +14343,7 @@ const handleDataLinkWithTableKeys = ({
           }
           inputs[fieldKey].label = resolvedLabel || Object.values(formInputConfig.label)[0] || (uploadTypeFields.includes(fieldKey) ? uploadTypeLabels[fieldKey] : fieldKey);
         }
-        values[fieldKey] = item?.linking?.SCL?.[item?.[fieldKey]]?.name || item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[fieldKey];
+        values[fieldKey] = item?.[formInputConfig?.tableLabel?.toLowerCase()] || item?.[fieldKey];
       });
     }
     return {
@@ -15010,6 +15004,7 @@ const PdfForm = _ref3 => {
     getAppHeader = () => {},
     app
   } = _ref3;
+  // Group objects under headers based on position
   const organizeFormByHeaders = formData => {
     const organizedSections = {};
     Object.keys(formData).forEach(sectionKey => {
@@ -15017,6 +15012,8 @@ const PdfForm = _ref3 => {
       if (typeof section !== 'object' || !section.label) {
         return;
       }
+
+      // Get all objects from this section and sort by position
       const allObjects = Object.keys(section).filter(key => {
         return !(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle');
       }).map(key => _objectSpread2({
@@ -15026,13 +15023,18 @@ const PdfForm = _ref3 => {
         const positionB = b.position || 0;
         return positionA - positionB;
       });
+
+      // Identify headers and regular objects
       const headers = allObjects.filter(obj => obj.type === 'header');
       const nonHeaders = allObjects.filter(obj => obj.type !== 'header');
       if (headers.length === 0) {
+        // No headers found, keep original structure
         organizedSections[sectionKey] = section;
         return;
       }
       const organizedSection = _objectSpread2({}, section);
+
+      // Clear the section of its original objects
       Object.keys(section).forEach(key => {
         if (!(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle')) {
           delete organizedSection[key];
@@ -15041,23 +15043,30 @@ const PdfForm = _ref3 => {
       headers.forEach((header, index) => {
         const headerPosition = header.position || 0;
         const nextHeaderPosition = index < headers.length - 1 ? headers[index + 1].position || 0 : Infinity;
+
+        // Find objects that belong under this header
         const childrenObjects = nonHeaders.filter(obj => {
           const objPosition = obj.position || 0;
           return objPosition > headerPosition && objPosition < nextHeaderPosition;
         });
+
+        // Create the header structure with children as inputs
         const headerWithChildren = _objectSpread2({}, header);
-        delete headerWithChildren.key;
+        delete headerWithChildren.key; // Remove the key we added temporarily
+
         if (childrenObjects.length > 0) {
           headerWithChildren.inputs = {};
           childrenObjects.forEach(child => {
             const childKey = child.key;
             const childData = _objectSpread2({}, child);
-            delete childData.key;
+            delete childData.key; // Remove the temporary key
             headerWithChildren.inputs[childKey] = childData;
           });
         }
         organizedSection[header.key] = headerWithChildren;
       });
+
+      // Add any remaining objects that don't fall under any header
       const uncategorizedObjects = nonHeaders.filter(obj => {
         const objPosition = obj.position || 0;
         return !headers.some((header, index) => {
@@ -15079,112 +15088,33 @@ const PdfForm = _ref3 => {
   const organizedForm = React.useMemo(() => organizeFormByHeaders(form), [form]);
   const pdfConfig = React.useMemo(() => {
     const sections = [];
-
-    // Function to count the complexity/size of a section
-    const getSectionComplexity = section => {
-      let complexity = 0;
-      const countInputs = obj => {
-        if (!obj || typeof obj !== 'object') return 0;
-        let count = 0;
-        Object.keys(obj).forEach(key => {
-          if (key === 'inputs' && obj[key]) {
-            count += Object.keys(obj[key]).length;
-            // Recursively count nested inputs
-            Object.values(obj[key]).forEach(input => {
-              count += countInputs(input);
-            });
-          } else if (typeof obj[key] === 'object' && obj[key] !== null) {
-            count += countInputs(obj[key]);
-          }
-        });
-        return count;
-      };
-      complexity += countInputs(section);
-      return complexity;
-    };
-
-    // Function to split a section into smaller chunks
-    const splitSection = function (sectionKey, section) {
-      let maxComplexity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 15;
-      const complexity = getSectionComplexity(section);
-      if (complexity <= maxComplexity) {
-        // Section is small enough, return as-is
-        return [{
-          key: sectionKey,
-          section: section,
-          title: formName,
-          isFirstPart: true,
-          isLastPart: true
-        }];
-      }
-
-      // Section is too large, split it
-      const chunks = [];
-      const sectionInputs = Object.keys(section).filter(key => !(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle')).sort((a, b) => {
-        var _section$a, _section$b;
-        const positionA = ((_section$a = section[a]) === null || _section$a === void 0 ? void 0 : _section$a.position) || 0;
-        const positionB = ((_section$b = section[b]) === null || _section$b === void 0 ? void 0 : _section$b.position) || 0;
-        return positionA - positionB;
-      });
-      const chunkSize = Math.ceil(sectionInputs.length / Math.ceil(complexity / maxComplexity));
-      for (let i = 0; i < sectionInputs.length; i += chunkSize) {
-        const chunkInputs = sectionInputs.slice(i, i + chunkSize);
-        const chunkSection = _objectSpread2(_objectSpread2({}, section), {}, {
-          label: "".concat(section.label, " ").concat(chunks.length > 0 ? "(Part ".concat(chunks.length + 1, ")") : '')
-        });
-
-        // Remove all inputs first
-        Object.keys(chunkSection).forEach(key => {
-          if (!(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle')) {
-            delete chunkSection[key];
-          }
-        });
-
-        // Add only the inputs for this chunk
-        chunkInputs.forEach(inputKey => {
-          chunkSection[inputKey] = section[inputKey];
-        });
-        chunks.push({
-          key: "".concat(sectionKey, "_chunk_").concat(chunks.length),
-          section: chunkSection,
-          title: chunks.length === 0 ? formName : '',
-          // Only show title on first chunk
-          isFirstPart: chunks.length === 0,
-          isLastPart: i + chunkSize >= sectionInputs.length
-        });
-      }
-      return chunks;
-    };
     Object.keys(organizedForm).forEach(sectionKey => {
       const section = organizedForm[sectionKey];
       if (typeof section !== 'object' || !section.label) {
         return;
       }
-      const sectionChunks = splitSection(sectionKey, section);
-      sectionChunks.forEach(chunk => {
-        sections.push({
-          render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "pdf-form-section",
-            children: /*#__PURE__*/jsxRuntime.jsx(PdfFormContent, {
-              form: {
-                [chunk.key]: chunk.section
-              },
-              data: data,
-              t: t,
-              user: user,
-              title: chunk.title,
-              source: chunk.isFirstPart ? source : '',
-              version: chunk.isFirstPart ? version : '',
-              getApiBaseUrl: getApiBaseUrl,
-              getAppHeader: getAppHeader,
-              app: app
-            })
-          }, chunk.key),
-          style: {
-            marginBottom: chunk.isLastPart ? '20px' : '10px',
-            padding: '0 20px'
-          }
-        });
+      sections.push({
+        render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "pdf-form-section",
+          children: /*#__PURE__*/jsxRuntime.jsx(PdfFormContent, {
+            form: {
+              [sectionKey]: section
+            },
+            data: data,
+            t: t,
+            user: user,
+            title: formName,
+            source: source,
+            version: version,
+            getApiBaseUrl: getApiBaseUrl,
+            getAppHeader: getAppHeader,
+            app: app
+          })
+        }, sectionKey),
+        style: {
+          marginBottom: '20px',
+          padding: '0 20px'
+        }
       });
     });
     return sections;
@@ -15400,7 +15330,7 @@ Widget.propTypes = {
   onExpandChange: PropTypes__default["default"].func
 };
 
-const _excluded$f = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
+const _excluded$g = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -15410,7 +15340,7 @@ function ImageWidget(_ref) {
       imgAlt,
       noDescriptionText
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
     title: title,
@@ -15467,7 +15397,7 @@ function ImageWidget(_ref) {
 }
 
 var _templateObject$9;
-const _excluded$e = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$f = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -15479,7 +15409,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$e);
+    rest = _objectWithoutProperties(_ref, _excluded$f);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -20055,14 +19985,14 @@ const MapConfig = ({
   });
 };
 
-const _excluded$d = ["config", "title", "loading"];
+const _excluded$e = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$d);
+    rest = _objectWithoutProperties(_ref, _excluded$e);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
@@ -20078,14 +20008,14 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$c = ["config", "title", "loading"];
+const _excluded$d = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$c);
+    rest = _objectWithoutProperties(_ref, _excluded$d);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
@@ -20115,7 +20045,7 @@ const Style$x = dt.div`
     }    
 `;
 
-const _excluded$b = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$c = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -20123,7 +20053,7 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$b);
+    rest = _objectWithoutProperties(_ref, _excluded$c);
   return /*#__PURE__*/jsxRuntime.jsx(Style$x, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -20136,202 +20066,6 @@ const DetailsSection = _ref => {
   });
 };
 
-const SDG_CONFIG = {
-  1: {
-    name: "No Poverty",
-    color: "#E5243B",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg"
-  },
-  2: {
-    name: "Zero Hunger",
-    color: "#DDA63A",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg"
-  },
-  3: {
-    name: "Good Health and Well-being",
-    color: "#4C9F38",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg"
-  },
-  4: {
-    name: "Quality Education",
-    color: "#C5192D",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg"
-  },
-  6: {
-    name: "Clean Water and Sanitation",
-    color: "#26BDE2",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-06.jpg"
-  },
-  8: {
-    name: "Decent Work and Economic Growth",
-    color: "#A21942",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-08.jpg"
-  },
-  13: {
-    name: "Climate Action",
-    color: "#48773E",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-13.jpg"
-  },
-  15: {
-    name: "Life on Land",
-    color: "#3EB049",
-    icon: "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-15.jpg"
-  }
-};
-
-// Default SDGs to show (matching the image)
-const DEFAULT_SDGS = [1, 2, 3, 4, 6, 8, 13, 15];
-
-// Individual Project Card Component
-const ProjectCard = _ref => {
-  let {
-    title,
-    image,
-    imgAlt,
-    country,
-    countryFlag,
-    sectoralScope,
-    methodology,
-    sdgs = []
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, {
-    style: {
-      minWidth: 280,
-      width: "100%",
-      borderRadius: "12px",
-      overflow: "hidden",
-      border: "1px solid #e5e7eb",
-      boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
-    },
-    cover: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "relative w-full h-40 overflow-hidden",
-      children: image ? /*#__PURE__*/jsxRuntime.jsx("img", {
-        alt: imgAlt || "".concat(title, " image"),
-        src: image,
-        style: {
-          width: "100%",
-          height: "100%",
-          objectFit: "cover"
-        }
-      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "w-full h-full flex items-center justify-center bg-gray-100",
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
-          image: antd.Empty.PRESENTED_IMAGE_SIMPLE
-        })
-      })
-    }),
-    bodyStyle: {
-      padding: "16px"
-    },
-    children: [title && /*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: "text-md font-semibold text-gray-900 mb-3",
-      children: title
-    }), country && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex items-center justify-between py-2 border-b border-gray-200",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm text-gray-600",
-        children: "Country"
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center gap-1",
-        children: [countryFlag && /*#__PURE__*/jsxRuntime.jsx("img", {
-          src: countryFlag,
-          alt: "".concat(country, " flag"),
-          style: {
-            width: "16px",
-            height: "12px"
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-sm font-medium text-gray-900",
-          children: country
-        })]
-      })]
-    }), sectoralScope && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex items-center justify-between py-2 border-b border-gray-200",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm text-gray-600",
-        children: "Sectoral Scope"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm font-medium text-gray-900",
-        children: sectoralScope
-      })]
-    }), methodology && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex items-center justify-between py-2 border-b border-gray-200",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm text-gray-600",
-        children: "Methodology"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm font-medium text-gray-900",
-        children: methodology
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "pt-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm text-gray-600",
-        children: "SDGs"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-wrap gap-1 mt-2",
-        children: (sdgs.length > 0 ? sdgs : DEFAULT_SDGS).map((sdg, index) => {
-          const sdgConfig = typeof sdg === "number" ? SDG_CONFIG[sdg] : sdg;
-          return /*#__PURE__*/jsxRuntime.jsx("img", {
-            src: sdgConfig === null || sdgConfig === void 0 ? void 0 : sdgConfig.icon,
-            alt: sdgConfig === null || sdgConfig === void 0 ? void 0 : sdgConfig.name,
-            style: {
-              width: "22px",
-              height: "22px",
-              objectFit: "cover"
-            }
-          }, index);
-        })
-      })]
-    })]
-  });
-};
-
-// Main Widget Catalogue Component
-function WidgetCatalogue(_ref2) {
-  let {
-    title = "Project Catalogue",
-    projects = [],
-    loading = false,
-    className = ""
-  } = _ref2;
-  if (loading) {
-    return /*#__PURE__*/jsxRuntime.jsx(Widget, {
-      title: title,
-      className: "with-border-header",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex justify-center items-center h-64",
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Spin, {
-          size: "large"
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Widget, {
-      title: title,
-      className: "with-border-header",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        style: {
-          display: "flex",
-          gap: "16px",
-          justifyContent: "space-between"
-        },
-        children: projects.slice(0, 3).map((project, idx) => /*#__PURE__*/jsxRuntime.jsx("div", {
-          style: {
-            flex: "1 1 0",
-            // make each card take equal width
-            maxWidth: "calc(33.333% - 16px)"
-          },
-          children: /*#__PURE__*/jsxRuntime.jsx(ProjectCard, {
-            project: project
-          })
-        }, idx))
-      })
-    })
-  });
-}
-
 var Style$w = dt.div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
@@ -25447,7 +25181,7 @@ const RepeatableModals = ({
   }) : null;
 };
 
-const _excluded$a = ["viewGroup"],
+const _excluded$b = ["viewGroup"],
   _excluded2 = ["label", "icon", "position"];
 const Content = _ref => {
   let {
@@ -25515,7 +25249,7 @@ const Content = _ref => {
       if (groups[gKey].viewGroup === key) {
         // eslint-disable-next-line no-unused-vars
         const _groups$gKey = groups[gKey],
-          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$a);
+          gCfg = _objectWithoutProperties(_groups$gKey, _excluded$b);
         items[gKey] = gCfg;
       }
       return items;
@@ -41620,7 +41354,7 @@ const getGrouContent = (form, values, i, formId, excludedKeys, getData, setValue
   });
 };
 
-const _excluded$9 = ["icon"];
+const _excluded$a = ["icon"];
 function DynamicForm(_ref) {
   var _data$meta;
   let {
@@ -42175,7 +41909,7 @@ function DynamicForm(_ref) {
           let {
               icon: Icon
             } = _ref3,
-            form = _objectWithoutProperties(_ref3, _excluded$9);
+            form = _objectWithoutProperties(_ref3, _excluded$a);
           return /*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
             type: "link",
             size: "large",
@@ -42481,6 +42215,68 @@ const SideIcon = _ref3 => {
   });
 };
 
+const _excluded$9 = ["value", "options", "onChange", "className", "width"];
+const ProgressTabs = _ref => {
+  let {
+      value = 'setup',
+      options = [{
+        label: 'Set Up',
+        value: 'setup'
+      }, {
+        label: 'Project Scan',
+        value: 'scan'
+      }, {
+        label: 'Review & Submission',
+        value: 'review'
+      }, {
+        label: 'Submission Status',
+        value: 'status'
+      }],
+      onChange = () => {},
+      className = '',
+      width = '100%'
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$9);
+  // Transform options to include icons and handle disabled state
+  const transformedOptions = options.map(option => _objectSpread2(_objectSpread2({}, option), {}, {
+    label: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "progress-tabs__option-content",
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "progress-tabs__label",
+        children: option.label
+      }), option.icon && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "progress-tabs__icon",
+        children: option.icon
+      })]
+    }),
+    disabled: option.isDisabled || false
+  }));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "progress-tabs ".concat(className),
+    style: {
+      width
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Segmented, _objectSpread2({
+      value: value,
+      options: transformedOptions,
+      onChange: onChange,
+      className: "progress-tabs__segmented"
+    }, rest))
+  });
+};
+ProgressTabs.propTypes = {
+  value: PropTypes__default["default"].string,
+  options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    label: PropTypes__default["default"].string.isRequired,
+    value: PropTypes__default["default"].string.isRequired,
+    isDisabled: PropTypes__default["default"].bool,
+    icon: PropTypes__default["default"].node
+  })),
+  onChange: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+};
+
 const defaultData = {
   overview: {
     consolidated: {
@@ -59615,6 +59411,7 @@ exports.PieChart = Chart;
 exports.PieChartTooltip = Tooltip;
 exports.ProgressBar = ProgressBar;
 exports.ProgressBarSideIcon = SideIcon;
+exports.ProgressTabs = ProgressTabs;
 exports.ProjectVisualisationAlert = Alert;
 exports.ProjectVisualisationFooter = Footer;
 exports.ProjectVisualisationHeader = Header;
@@ -59647,7 +59444,6 @@ exports.ViewForm = Content;
 exports.ViewFormInput = Input;
 exports.ViewFormNavigation = Navigation;
 exports.Widget = Widget;
-exports.WidgetCatalogue = WidgetCatalogue;
 exports.WidgetImage = ImageWidget;
 exports.WidgetLoader = Loader;
 exports.WidgetPlaceholder = WidgetPlaceholder;