@openmrs/esm-report-builder 0.1.1-pre.87

package/src/views/etl-monitor-builder/etl-monitor-builder.store.ts

@@ -0,0 +1,126 @@
+/**
+ * ETL Monitor Builder Store
+ * State management for the ETL Monitor Builder
+ */
+
+import { useState, useCallback, useEffect } from 'react';
+import type {
+  MonitorBuilderState,
+  BuilderStep,
+  BuilderMode,
+  GeneralConfig,
+  NormalizedEndpointConfig,
+  EndpointTestResult,
+  DetectedSchema,
+} from '../../types/etl-monitor/etl-monitor-builder.types';
+import type { ETLMonitorDto } from '../../types/etl-monitor/etl-monitor.types';
+import {
+  getDefaultBuilderState,
+} from '../../types/etl-monitor/etl-monitor-builder.types';
+import {
+  listETLMonitors,
+  deleteETLMonitor as deleteMonitorApi,
+} from '../../resources/etl-monitor/etl-monitor.api';
+
+/**
+ * Custom hook for managing ETL Monitor Builder state
+ */
+export function useETLMonitorBuilder(initialMode: BuilderMode = 'create') {
+  const [state, setState] = useState<MonitorBuilderState>(() =>
+    getDefaultBuilderState(initialMode)
+  );
+
+  // Monitor list state
+  const [monitors, setMonitors] = useState<ETLMonitorDto[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const updateState = useCallback((updates: Partial<MonitorBuilderState>) => {
+    setState((prev) => ({ ...prev, ...updates, isDirty: true }));
+  }, []);
+
+  const setGeneralConfig = useCallback((config: Partial<GeneralConfig>) => {
+    setState((prev) => ({
+      ...prev,
+      general: { ...prev.general, ...config },
+      isDirty: true,
+    }));
+  }, []);
+
+  const setEndpointConfig = useCallback((config: Partial<NormalizedEndpointConfig>) => {
+    setState((prev) => ({
+      ...prev,
+      endpoint: { ...prev.endpoint, ...config },
+      isDirty: true,
+    }));
+  }, []);
+
+  const setTestResult = useCallback((result: EndpointTestResult | undefined) => {
+    setState((prev) => ({ ...prev, testResult: result }));
+  }, []);
+
+  const setDetectedSchema = useCallback((schema: DetectedSchema | undefined) => {
+    setState((prev) => ({ ...prev, detectedSchema: schema }));
+  }, []);
+
+  const setCurrentStep = useCallback((step: BuilderStep) => {
+    setState((prev) => ({ ...prev, currentStep: step }));
+  }, []);
+
+  const setSaving = useCallback((saving: boolean) => {
+    setState((prev) => ({ ...prev, isSaving: saving }));
+  }, []);
+
+  const resetState = useCallback((mode: BuilderMode = 'create') => {
+    setState(getDefaultBuilderState(mode));
+  }, []);
+
+  // Monitor list operations
+  const fetchMonitors = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await listETLMonitors();
+      setMonitors(data);
+    } catch (err: any) {
+      setError(err?.message ?? 'Failed to fetch monitors');
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const deleteMonitor = useCallback(async (uuid: string) => {
+    try {
+      await deleteMonitorApi(uuid);
+      setMonitors((prev) => prev.filter((m) => m.uuid !== uuid));
+    } catch (err: any) {
+      setError(err?.message ?? 'Failed to delete monitor');
+      throw err;
+    }
+  }, []);
+
+  // Load monitors on mount
+  useEffect(() => {
+    fetchMonitors();
+  }, [fetchMonitors]);
+
+  return {
+    // Builder state
+    state,
+    updateState,
+    setGeneralConfig,
+    setEndpointConfig,
+    setTestResult,
+    setDetectedSchema,
+    setCurrentStep,
+    setSaving,
+    resetState,
+
+    // Monitor list state
+    monitors,
+    loading,
+    error,
+    fetchMonitors,
+    deleteMonitor,
+  };
+}

package/tools/scss-stub.js

@@ -0,0 +1,12 @@
+/**
+ * Jest stub for SCSS module imports (CSS-modules behavior):
+ * every class name resolves to itself, so assertions can check
+ * literal class names without compiling styles.
+ * __esModule must be false so interop keeps the proxy as the module.
+ */
+module.exports = new Proxy({}, {
+  get: (_target, key) => {
+    if (key === '__esModule') return false;
+    return String(key);
+  },
+});

package/tools/setup-tests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/translations/en.json

@@ -0,0 +1,65 @@
+{
+  "reportBuilder": "Report builder",
+  "openReportBuilder": "Open report builder",
+  "dataVisualizer": "Data visualizer",
+  "home": "Home",
+  "searchThisList": "Search this list",
+  "No data": "No data to display",
+  "type_of_report": "Type of report",
+  "fixed": "Fixed",
+  "dynamic": "Dynamic",
+  "report_type": "Which kind of report do you want to show?",
+  "select_report_type": "Select report type",
+  "facility_reports": "Facility Reports",
+  "select_facility_report": "Select facility report",
+  "national_reports": "National Reports",
+  "select_national_report": "Select national report",
+  "donor_reports": "Donor Reports",
+  "select_donor_report": "Select donor report",
+  "cqi_reports": "CQI Reports",
+  "select_cqi_report": "Select CQI report",
+  "select_cohort": "Select your cohort of interest",
+  "patient_with_encounters": "Patient with encounters",
+  "patients_on_appointment": "Patients on appointment",
+  "dynamic_report_type": "Which kind of dynamic report type do you want to base on?",
+  "select_dynamic_report_type": "Select dynamic report type",
+  "select_report": "Select report",
+  "reporting_duration": "Do you want your report to cover a fixed reporting period or a relative one?",
+  "fixed_period": "Fixed period",
+  "relative_period": "Relative period",
+  "start_date": "Start Date",
+  "end_date": "End Date",
+  "select_reporting_period": "Select your desired reporting period",
+  "choose_reporting_period": "Choose the reporting period",
+  "indicators": "Indicators",
+  "choose_indicators": "Choose the indicators",
+  "available_parameters": "Available parameters",
+  "selected_parameters": "Selected parameters",
+  "move_all_right": "Move all parameters to the right",
+  "move_all_left": "Move all parameters to the left",
+  "view_report": "View Report",
+  "save_report": "Save Report",
+  "download_report": "Download Report",
+  "send_report_dhis2": "Send Report to DHIS2",
+  "patient_list": "Patient list",
+  "pivot_table": "Pivot table",
+  "aggregate_report": "Aggregate Report",
+  "no_data_display": "No data to display",
+  "use_filters": "Use the report filters above to build your reports",
+  "enter_report_details": "ENTER REPORT DETAILS",
+  "cancel": "Cancel",
+  "save": "Save",
+  "report_title": "Report Title",
+  "enter_report_title": "Enter report title",
+  "report_description": "Report Description",
+  "enter_report_description": "Enter report description",
+  "today": "Today",
+  "this_week": "This Week",
+  "this_month": "This Month",
+  "this_quarter": "This Quarter",
+  "last_quarter": "Last Quarter",
+  "cohort": "Cohort",
+  "program": "Program",
+  "patient_search": "Patient Search",
+  "report_definition": "Report Definition"
+}

package/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "react",
+    "lib": [
+      "dom",
+      "es5",
+      "scripthost",
+      "es2015",
+      "es2015.promise",
+      "es2016.array.include",
+      "es2018",
+      "es2020",
+      "es2022",
+      "esnext"
+    ],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "noImplicitAny": false,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "target": "es2015",
+    "baseUrl": ".",
+    "paths": {
+      "__mocks__": ["./__mocks__"],
+      "@hooks/*": ["./src/hooks/*"],
+      "@types": ["./src/types"],
+      "@tools/*": ["./tools/*"],
+      "@constants": ["./src/constants"],
+      "@resources/*": ["./src/resources/*"],
+      "@openmrs/*": ["./node_modules/@openmrs/*"]
+    }
+  },
+  "exclude": [
+    "node_modules",
+    "dist",
+    "coverage",
+    "e2e",
+    "playwright.config.ts"
+  ]
+}

package/webpack.config.js

@@ -0,0 +1,30 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const path = require('path');
+
+const config = (module.exports = require('openmrs/default-webpack-config'));
+
+config.overrides.resolve = {
+  extensions: ['.tsx', '.ts', '.jsx', '.js', '.scss', '.json'],
+  alias: {
+    '@openmrs/esm-framework': '@openmrs/esm-framework/src/internal',
+    '@report-builder$': path.resolve(__dirname, 'src/report-builder/'),
+  },
+};
+
+// Configure dev server to run on port 4001
+// Dev assets are served under unhashed filenames (e.g. src_root_component_tsx.js)
+// with no cache validators — without no-store, the browser heuristically caches
+// them and serves days-old code. Keep the base CORS header (the shell at :4000
+// fetches this remote cross-origin).
+config.devServer = {
+  ...config.devServer,
+  port: 4001,
+  allowedHosts: 'all',
+  headers: {
+    ...(config.devServer?.headers || {}),
+    'Access-Control-Allow-Origin': '*',
+    'Cache-Control': 'no-store, must-revalidate',
+  },
+};
+
+module.exports = config;