@pucp-gidis-hiisc/esm-fua-app 1.0.0

package/src/hooks/useFuaRequests.ts

@@ -0,0 +1,48 @@
+import { useEffect, useState } from 'react';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import { ModuleFuaRestURL } from '../constant';
+
+export interface FuaEstado {
+  uuid: string;
+  id: number;
+  nombre: string;
+}
+
+export interface FuaRequest {
+  uuid: string;
+  id: number;
+  visitUuid: string;
+  name: string;
+  payload: string;
+  fuaEstado: FuaEstado;
+  fechaCreacion: number;
+  fechaActualizacion: number;
+}
+
+function useFuaRequests() {
+  const [data, setData] = useState<FuaRequest[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const { data: response } = await openmrsFetch(`${ModuleFuaRestURL}/list`);
+        setData(response as FuaRequest[]);
+      } catch (err: any) {
+        console.error('Error fetching FUA list:', err);
+        setError(err);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  return { data, isLoading, error };
+}
+
+export default useFuaRequests;

package/src/index.ts

@@ -0,0 +1,27 @@
+import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
+import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
+import { configSchema } from './config-schema';
+import { createLeftPanelLink } from './left-panel-link.component';
+import FuaRequestTable from './fua/fuaRequestTable';
+import { FuaRequestDashboardMeta } from './dashboard.meta';
+
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+const moduleName = '@pucp-gidis-hiisc/esm-fua-app';
+const options = {
+  featureName: 'patient-clinical-view-app',
+  moduleName,
+};
+
+// ================================================================================
+// CONFIGURATION
+// ================================================================================
+export function startupApp(): void {
+  defineConfigSchema(moduleName, configSchema);
+}
+
+// ================================================================================
+// FUA REQUEST EXPORTS
+// ================================================================================
+export const fuaRequestDashboardLink = getSyncLifecycle(createLeftPanelLink(FuaRequestDashboardMeta), options);
+export const fuaRequestTable = getSyncLifecycle(FuaRequestTable, options);

package/src/left-panel-link.component.tsx

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react';
+import last from 'lodash-es/last';
+import { BrowserRouter, useLocation } from 'react-router-dom';
+import { ConfigurableLink } from '@openmrs/esm-framework';
+
+export interface LinkConfig {
+  name: string;
+  title: string;
+}
+
+export function LinkExtension({ config }: { config: LinkConfig }): JSX.Element {
+  const { name, title } = config;
+  const location = useLocation();
+  const spaBasePath = window.getOpenmrsSpaBase() + 'home';
+
+  let urlSegment = useMemo(() => decodeURIComponent(last(location.pathname.split('/'))), [location.pathname]);
+
+  const isUUID = (value) => {
+    const regex = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
+    return regex.test(value);
+  };
+
+  if (isUUID(urlSegment)) {
+    urlSegment = location.pathname.split('/').at(-2);
+  }
+
+  return (
+    <ConfigurableLink
+      to={spaBasePath + '/' + name}
+      className={`cds--side-nav__link ${name === urlSegment && 'active-left-nav-link'}`}>
+      {title}
+    </ConfigurableLink>
+  );
+}
+
+export const createLeftPanelLink =
+  (config: LinkConfig): (() => JSX.Element) =>
+  () => (
+    <BrowserRouter>
+      <LinkExtension config={config} />
+    </BrowserRouter>
+  );

package/src/root.scss

@@ -0,0 +1,102 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+.productiveHeading01 {
+  @include type.type-style('heading-compact-01');
+}
+
+.productiveHeading02 {
+  @include type.type-style('heading-compact-02');
+}
+
+.productiveHeading03 {
+  @include type.type-style('heading-03');
+}
+
+.productiveHeading04 {
+  @include type.type-style('heading-04');
+}
+
+.productiveHeading05 {
+  @include type.type-style('heading-05');
+}
+
+.productiveHeading06 {
+  @include type.type-style('heading-06');
+}
+
+.bodyShort01 {
+  @include type.type-style('body-compact-01');
+}
+
+.helperText01 {
+  @include type.type-style('helper-text-01');
+}
+
+.bodyShort02 {
+  @include type.type-style('body-compact-02');
+}
+
+.bodyLong01 {
+  @include type.type-style('body-01');
+}
+
+.bodyLong02 {
+  @include type.type-style('body-02');
+}
+
+.label01 {
+  @include type.type-style('label-01');
+}
+
+.text02 {
+  color: $text-02;
+}
+
+aside {
+  background-color: $ui-02 !important;
+}
+
+// Login Overrides
+
+div[class*='-esm-login__styles__center'] > img {
+  width: 140px; // design has 120px
+}
+
+:global(.tab-12rem) > button {
+  width: 12rem !important;
+}
+
+:global(.tab-14rem) > button {
+  width: 14rem !important;
+}
+
+:global(.tab-16rem) > button {
+  width: 16rem !important;
+}
+
+:global(.cds--overflow-menu) > div {
+  width: 15rem !important;
+}
+
+nav :global(.cds--accordion__title) {
+  color: #525252;
+  font-weight: 600 !important;
+}
+
+nav :global(.cds--accordion__content) {
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
+}
+
+nav :global(.cds--accordion__content) > a {
+  background-color: #cecece !important;
+  color: #161616 !important;
+  border-left-color: var(--brand-01) !important;
+  font: bolder;
+}
+
+:global(.cds--tab--list) button {
+  max-width: 16rem !important;
+}

package/src/routes.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": "^2.24.0"
+  },
+  "extensions": [
+    {
+      "name": "fua-request-dashboard-link",
+      "component": "fuaRequestDashboardLink",
+      "slot": "homepage-dashboard-slot",
+      "meta": {
+        "name": "fua-request",
+        "title": "Manejo de FUA",
+        "slot": "fua-request-dashboard-slot",
+        "path": "/fua-request"
+      }
+    },
+    {
+      "name": "fua-request-table",
+      "slot": "fua-request-dashboard-slot",
+      "component": "fuaRequestTable",
+      "order": 0,
+      "online": true,
+      "offline": false
+    }
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx"]
+}

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require('openmrs/default-webpack-config');