Vertical stepper implemenetation

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/Module.js

@@ -33,7 +33,7 @@ import UpdateDatesWithBoundaries from "./pages/employee/UpdateDatesWithBoundarie
 import DateWithBoundary from "./components/DateWithBoundary";
 import BoundaryWithDate from "./components/BoundaryWithDate";
 import DateAndCycleUpdate from "./pages/employee/DateAndCycleUpdate";
-import { CreateChecklist} from "./pages/employee/CreateChecklist";
+import { CreateChecklist } from "./pages/employee/CreateChecklist";
 import CreateQuestionContext from "./components/CreateQuestionContext";
 import SearchChecklist from "./pages/employee/SearchChecklist";
 import DeliveryDetailsSummary from "./components/DeliveryDetailsSummary";
@@ -45,6 +45,7 @@ import UpdateBoundaryWrapper from "./components/UpdateBoundaryWrapper";
 // import SelectingBoundaryComponent from "./components/SelectingBoundaryComponent";
 import { Wrapper } from "./components/SelectingBoundaryComponent";
 import SelectingBoundariesDuplicate from "./components/SelectingBoundariesDuplicate";
+import XlsPreview from "./components/XlsPreview";
 
 /**
  * The CampaignModule function fetches store data based on state code, module code, and language, and
@@ -60,7 +61,7 @@ const CampaignModule = ({ stateCode, userType, tenants }) => {
     },
   });
 
-  const hierarchyData = Digit.Hooks.campaign.useBoundaryRelationshipSearch({BOUNDARY_HIERARCHY_TYPE,tenantId});
+  const hierarchyData = Digit.Hooks.campaign.useBoundaryRelationshipSearch({ BOUNDARY_HIERARCHY_TYPE, tenantId });
 
   const moduleCode = ["hr", "campaignmanager", "workbench", "mdms", "schema", "hcm-admin-schemas", `boundary-${BOUNDARY_HIERARCHY_TYPE}`];
   const { path, url } = useRouteMatch();
@@ -115,7 +116,7 @@ const componentsToRegister = {
   DateAndCycleUpdate,
   TimelineComponent,
   CreateChecklist,
-  CreateQuestion : CreateQuestionContext,
+  CreateQuestion: CreateQuestionContext,
   SearchChecklist,
   DeliveryDetailsSummary,
   DataUploadSummary,
@@ -125,6 +126,7 @@ const componentsToRegister = {
   UpdateBoundary,
   UpdateBoundaryWrapper,
   SelectingBoundariesDuplicate,
+  XlsPreview
   // SelectingBoundaryComponent
 };
 

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/BulkUpload.js

@@ -199,4 +199,4 @@ const BulkUpload = ({ multiple = true, onSubmit, fileData, onFileDelete, onFileD
   );
 };
 
-export default BulkUpload;
+export default BulkUpload;

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/UploadData.js

@@ -1196,4 +1196,4 @@ const UploadData = ({ formData, onSelect, ...props }) => {
   );
 };
 
-export default UploadData;
+export default UploadData;

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/hooks/index.js

@@ -46,11 +46,14 @@ const Hooks = {
 
 const Utils = {
   browser: {
-    sample: () => {},
+    sample: () => { },
   },
   workbench: {
     ...utils,
   },
+  campaign: {
+    ...utils
+  }
 };
 
 export const CustomisedHooks = {

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/downloadExcel.js

@@ -43,4 +43,4 @@ export const downloadExcelWithCustomName = ({ fileStoreId = null, customName = n
         );
       });
   }
-};
+};

health/micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/utils/index.js

@@ -1,6 +1,6 @@
 import _ from "lodash";
 import { downloadExcelWithCustomName } from "./downloadExcel";
 
-export default {};
+export default { downloadExcelWithCustomName };
 export { downloadExcelWithCustomName };
 export const PRIMARY_COLOR = "#C84C0E";

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/package.json

@@ -26,7 +26,10 @@
     "react-hook-form": "6.15.8",
     "react-i18next": "11.16.2",
     "react-query": "3.6.1",
-    "react-router-dom": "5.3.0"
+    "react-router-dom": "5.3.0",
+    "xlsx": "0.17.5",
+    "react-drag-drop-files": "^2.3.10",
+    "@cyntler/react-doc-viewer": "1.10.3"
   },
   "author": "Jagankumar <[email protected]>",
   "license": "MIT"

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/Module.js

@@ -10,6 +10,7 @@ import { ProviderContext } from "./utils/context";
 import BoundarySelection from "./components/BoundarySelection";
 import AssumptionsForm from "./components/AssumptionsForm";
 import HypothesisWrapper from "./components/HypothesisWrapper";
+import UploadDataCustom from "./components/UploadDataCustom";
 import DataMgmtTable from "./components/DataMgmtTable";
 import FileComponent from "./components/FileComponent";
 import HeaderComp from "./components/HeaderComp";
@@ -59,6 +60,7 @@ const componentsToRegister = {
   BoundarySelection,
   AssumptionsForm,
   HypothesisWrapper,
+  UploadDataCustom,
   DataMgmtTable,
   FileComponent,
   HeaderComp,