@sasindi/labmanagement 1.0.7 → 1.0.9

package/dist/openmrs-esm-labmanagement.js.buildmanifest.json

@@ -1,5 +1,29 @@
 {
   "chunks": [
+    {
+      "type": "chunk",
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "size": 53962,
+      "sizes": {
+        "javascript": 53962
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@sasindi/labmanagement",
+        "main"
+      ],
+      "files": [
+        "100.js"
+      ],
+      "auxiliaryFiles": [
+        "100.js.map"
+      ],
+      "hash": "f94afa5ea2dce609",
+      "childrenByOrder": {}
+    },
     {
       "type": "chunk",
       "rendered": true,
@@ -141,30 +165,6 @@
       "hash": "8827a9640a66d0ab",
       "childrenByOrder": {}
     },
-    {
-      "type": "chunk",
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "size": 518,
-      "sizes": {
-        "javascript": 518
-      },
-      "names": [],
-      "idHints": [],
-      "runtime": [
-        "@sasindi/labmanagement",
-        "main"
-      ],
-      "files": [
-        "340.js"
-      ],
-      "auxiliaryFiles": [
-        "340.js.map"
-      ],
-      "hash": "ed38777b267d7445",
-      "childrenByOrder": {}
-    },
     {
       "type": "chunk",
       "rendered": false,
@@ -316,6 +316,33 @@
       "hash": "e7f62638f188a200",
       "childrenByOrder": {}
     },
+    {
+      "type": "chunk",
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 22672,
+      "sizes": {
+        "javascript": 22672
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@sasindi/labmanagement",
+        "main"
+      ],
+      "files": [
+        "515.js"
+      ],
+      "auxiliaryFiles": [
+        "515.js.map"
+      ],
+      "hash": "7f1fb072c499bd40",
+      "childrenByOrder": {}
+    },
     {
       "type": "chunk",
       "rendered": true,
@@ -361,7 +388,7 @@
       "auxiliaryFiles": [
         "529.js.map"
       ],
-      "hash": "02b401829b91fe27",
+      "hash": "24a1fc875c2764a6",
       "childrenByOrder": {}
     },
     {
@@ -490,6 +517,30 @@
       "hash": "15d3051c35b67e87",
       "childrenByOrder": {}
     },
+    {
+      "type": "chunk",
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "size": 32023,
+      "sizes": {
+        "javascript": 32023
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@sasindi/labmanagement",
+        "main"
+      ],
+      "files": [
+        "724.js"
+      ],
+      "auxiliaryFiles": [
+        "724.js.map"
+      ],
+      "hash": "f5b528871a708426",
+      "childrenByOrder": {}
+    },
     {
       "type": "chunk",
       "rendered": false,
@@ -562,32 +613,6 @@
       "hash": "16e7031def07dc4e",
       "childrenByOrder": {}
     },
-    {
-      "type": "chunk",
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "size": 30945,
-      "sizes": {
-        "javascript": 30945
-      },
-      "names": [],
-      "idHints": [
-        ""
-      ],
-      "runtime": [
-        "@sasindi/labmanagement",
-        "main"
-      ],
-      "files": [
-        "840.js"
-      ],
-      "auxiliaryFiles": [
-        "840.js.map"
-      ],
-      "hash": "4cb7ada20ab61dbf",
-      "childrenByOrder": {}
-    },
     {
       "type": "chunk",
       "rendered": true,
@@ -613,7 +638,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "cc659f4039b699e7",
+      "hash": "84059dae9db56d9f",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","pages":[{"route":"labmanagement","component":"root","online":true,"offline":true},{"route":"addresults","component":"root","online":true,"offline":true},{"route":"approvetestresults","component":"root","online":true}],"extensions":[],"version":"1.0.7"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","pages":[{"route":"labmanagement","component":"root","online":true,"offline":true},{"route":"addresults","component":"root","online":true,"offline":true},{"route":"approvetestresults","component":"root","online":true},{"route":"labtestmaster","component":"root","online":true}],"extensions":[],"version":"1.0.9"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sasindi/labmanagement",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "license": "MPL-2.0",
   "description": "labmanagement frontend module for O3",
   "browser": "dist/openmrs-esm-labmanagement.js",

package/src/labmanagement.component.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { FlaskConical, ClipboardCheck, FileText, CheckSquare } from 'lucide-react';
+import { FlaskConical, ClipboardCheck, FileText, CheckSquare, BookOpen } from 'lucide-react';
 import styles from './labmanagement.scss';
 
 const Labmanagement: React.FC = () => {
@@ -55,6 +55,17 @@ const Labmanagement: React.FC = () => {
       themeOverlay: 'rgba(245, 158, 11, 0.06)',
       themeFaded: 'rgba(245, 158, 11, 0.85)',
       route: '/openmrs/spa/approvetestresults'
+    },
+    {
+      id: 'labtestmaster',
+      title: 'Lab Test Master',
+      icon: BookOpen,
+      themeColor: '#8b5cf6',
+      themeShadow: 'rgba(139, 92, 246, 0.19)',
+      themeShadowFaded: 'rgba(139, 92, 246, 0.25)',
+      themeOverlay: 'rgba(139, 92, 246, 0.06)',
+      themeFaded: 'rgba(139, 92, 246, 0.85)',
+      route: '/openmrs/spa/labtestmaster'
     }
   ];
 

package/src/labtestmaster.component.tsx

@@ -0,0 +1,355 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ArrowLeft, Search, Plus, Trash2, CheckCircle2, AlertCircle, BookOpen } from 'lucide-react';
+
+interface LabTest {
+  id: string;
+  testName: string;
+  shortCode: string;
+  category: string;
+  unit: string;
+  normalRange: string;
+}
+
+const LabTestMaster: React.FC = () => {
+  const { t } = useTranslation();
+  const [searchQuery, setSearchQuery] = useState('');
+  const [showForm, setShowForm] = useState(false);
+  const [saveStatus, setSaveStatus] = useState<'idle' | 'success' | 'error'>('idle');
+  const [testName, setTestName] = useState('');
+  const [shortCode, setShortCode] = useState('');
+  const [category, setCategory] = useState('');
+  const [unit, setUnit] = useState('');
+  const [normalRange, setNormalRange] = useState('');
+
+  const navigateTo = (url: string) => {
+    window.history.pushState({}, '', url);
+    window.dispatchEvent(new PopStateEvent('popstate'));
+  };
+
+  const [tests, setTests] = useState<LabTest[]>([
+    { id: '1', testName: 'Full Blood Count (FBC)', shortCode: 'FBC', category: 'Haematology', unit: 'cells/µL', normalRange: '4.5–11.0 × 10⁹/L' },
+    { id: '2', testName: 'Serum Creatinine', shortCode: 'SCr', category: 'Biochemistry', unit: 'mg/dL', normalRange: '0.6–1.2 mg/dL' },
+    { id: '3', testName: 'Lipid Profile', shortCode: 'LP', category: 'Biochemistry', unit: 'mg/dL', normalRange: 'LDL < 100 mg/dL' },
+    { id: '4', testName: 'Urine Full Report', shortCode: 'UFR', category: 'Microbiology', unit: '—', normalRange: 'No abnormalities' },
+    { id: '5', testName: 'Blood Glucose Fasting', shortCode: 'FBG', category: 'Biochemistry', unit: 'mg/dL', normalRange: '70–100 mg/dL' },
+  ]);
+
+  const filteredTests = tests.filter(test =>
+    test.testName.toLowerCase().includes(searchQuery.toLowerCase()) ||
+    test.shortCode.toLowerCase().includes(searchQuery.toLowerCase()) ||
+    test.category.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+
+  const handleAdd = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!testName.trim() || !shortCode.trim()) {
+      setSaveStatus('error');
+      return;
+    }
+    const newTest: LabTest = {
+      id: Date.now().toString(),
+      testName,
+      shortCode,
+      category,
+      unit,
+      normalRange
+    };
+    setTests(prev => [...prev, newTest]);
+    setSaveStatus('success');
+    setTimeout(() => {
+      setSaveStatus('idle');
+      setShowForm(false);
+      setTestName('');
+      setShortCode('');
+      setCategory('');
+      setUnit('');
+      setNormalRange('');
+    }, 1500);
+  };
+
+  const handleDelete = (id: string) => {
+    setTests(prev => prev.filter(t => t.id !== id));
+  };
+
+  const categoryColors: Record<string, { bg: string; color: string }> = {
+    Haematology: { bg: '#fce7f3', color: '#be185d' },
+    Biochemistry: { bg: '#dbeafe', color: '#1d4ed8' },
+    Microbiology: { bg: '#d1fae5', color: '#065f46' },
+    Immunology: { bg: '#ede9fe', color: '#6d28d9' },
+    Radiology: { bg: '#fed7aa', color: '#b45309' },
+  };
+
+  const getCategoryStyle = (cat: string) =>
+    categoryColors[cat] ?? { bg: '#f1f5f9', color: '#475569' };
+
+  return (
+    <div style={{
+      padding: '40px 24px',
+      maxWidth: '1200px',
+      margin: '0 auto',
+      fontFamily: 'Inter, system-ui, sans-serif',
+      color: '#1e293b'
+    }}>
+      {/* Header */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: '16px', marginBottom: '32px' }}>
+        <button
+          onClick={() => navigateTo('/openmrs/spa/labmanagement')}
+          style={{
+            cursor: 'pointer',
+            background: '#ffffff',
+            border: '1px solid #cbd5e1',
+            borderRadius: '12px',
+            width: '44px',
+            height: '44px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
+            transition: 'all 0.2s'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.borderColor = '#94a3b8';
+            e.currentTarget.style.background = '#f8fafc';
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.borderColor = '#cbd5e1';
+            e.currentTarget.style.background = '#ffffff';
+          }}
+        >
+          <ArrowLeft style={{ width: '20px', height: '20px', color: '#64748b' }} />
+        </button>
+        <div style={{ flex: 1 }}>
+          <h1 style={{ fontSize: '28px', fontWeight: '700', margin: 0, letterSpacing: '-0.02em' }}>
+            {t('labTestMasterHeading', 'Lab Test Master')}
+          </h1>
+          <p style={{ fontSize: '14px', color: '#64748b', margin: '4px 0 0 0' }}>
+            Manage the master list of laboratory tests, short codes, and reference ranges.
+          </p>
+        </div>
+        <button
+          onClick={() => { setShowForm(true); setSaveStatus('idle'); }}
+          style={{
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            background: '#8b5cf6',
+            color: '#ffffff',
+            border: 'none',
+            borderRadius: '14px',
+            padding: '12px 20px',
+            fontWeight: '600',
+            fontSize: '14px',
+            boxShadow: '0 4px 12px rgba(139,92,246,0.25)',
+            transition: 'background 0.2s'
+          }}
+          onMouseEnter={(e) => e.currentTarget.style.background = '#7c3aed'}
+          onMouseLeave={(e) => e.currentTarget.style.background = '#8b5cf6'}
+        >
+          <Plus style={{ width: '18px', height: '18px' }} />
+          Add Test
+        </button>
+      </div>
+
+      {/* Add Test Form */}
+      {showForm && (
+        <div style={{
+          background: '#ffffff',
+          borderRadius: '24px',
+          padding: '28px',
+          border: '1px solid #e2e8f0',
+          boxShadow: '0 4px 16px rgba(0,0,0,0.06)',
+          marginBottom: '32px'
+        }}>
+          <h2 style={{ fontSize: '18px', fontWeight: '600', margin: '0 0 20px 0' }}>
+            New Lab Test
+          </h2>
+          <form onSubmit={handleAdd} style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '16px' }}>
+            <div>
+              <label style={{ display: 'block', fontSize: '13px', fontWeight: '600', color: '#475569', marginBottom: '6px' }}>
+                Test Name <span style={{ color: '#ef4444' }}>*</span>
+              </label>
+              <input
+                type="text"
+                placeholder="e.g. Full Blood Count"
+                value={testName}
+                onChange={(e) => setTestName(e.target.value)}
+                style={{ width: '100%', padding: '11px', borderRadius: '10px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none' }}
+              />
+            </div>
+            <div>
+              <label style={{ display: 'block', fontSize: '13px', fontWeight: '600', color: '#475569', marginBottom: '6px' }}>
+                Short Code <span style={{ color: '#ef4444' }}>*</span>
+              </label>
+              <input
+                type="text"
+                placeholder="e.g. FBC"
+                value={shortCode}
+                onChange={(e) => setShortCode(e.target.value)}
+                style={{ width: '100%', padding: '11px', borderRadius: '10px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none' }}
+              />
+            </div>
+            <div>
+              <label style={{ display: 'block', fontSize: '13px', fontWeight: '600', color: '#475569', marginBottom: '6px' }}>
+                Category
+              </label>
+              <select
+                value={category}
+                onChange={(e) => setCategory(e.target.value)}
+                style={{ width: '100%', padding: '11px', borderRadius: '10px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none', background: '#fff' }}
+              >
+                <option value="">Select category</option>
+                <option value="Haematology">Haematology</option>
+                <option value="Biochemistry">Biochemistry</option>
+                <option value="Microbiology">Microbiology</option>
+                <option value="Immunology">Immunology</option>
+                <option value="Radiology">Radiology</option>
+              </select>
+            </div>
+            <div>
+              <label style={{ display: 'block', fontSize: '13px', fontWeight: '600', color: '#475569', marginBottom: '6px' }}>
+                Unit
+              </label>
+              <input
+                type="text"
+                placeholder="e.g. mg/dL"
+                value={unit}
+                onChange={(e) => setUnit(e.target.value)}
+                style={{ width: '100%', padding: '11px', borderRadius: '10px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none' }}
+              />
+            </div>
+            <div style={{ gridColumn: '1 / -1' }}>
+              <label style={{ display: 'block', fontSize: '13px', fontWeight: '600', color: '#475569', marginBottom: '6px' }}>
+                Normal Range
+              </label>
+              <input
+                type="text"
+                placeholder="e.g. 4.5–11.0 × 10⁹/L"
+                value={normalRange}
+                onChange={(e) => setNormalRange(e.target.value)}
+                style={{ width: '100%', padding: '11px', borderRadius: '10px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none' }}
+              />
+            </div>
+
+            {saveStatus === 'success' && (
+              <div style={{ gridColumn: '1 / -1', display: 'flex', alignItems: 'center', gap: '8px', background: '#f0fdf4', color: '#15803d', padding: '12px', borderRadius: '10px', fontSize: '14px' }}>
+                <CheckCircle2 style={{ width: '18px', height: '18px' }} />
+                Lab test added successfully!
+              </div>
+            )}
+            {saveStatus === 'error' && (
+              <div style={{ gridColumn: '1 / -1', display: 'flex', alignItems: 'center', gap: '8px', background: '#fef2f2', color: '#b91c1c', padding: '12px', borderRadius: '10px', fontSize: '14px' }}>
+                <AlertCircle style={{ width: '18px', height: '18px' }} />
+                Test Name and Short Code are required.
+              </div>
+            )}
+
+            <div style={{ gridColumn: '1 / -1', display: 'flex', gap: '12px', justifyContent: 'flex-end' }}>
+              <button
+                type="button"
+                onClick={() => setShowForm(false)}
+                style={{ cursor: 'pointer', background: '#f1f5f9', border: '1px solid #e2e8f0', borderRadius: '12px', padding: '11px 20px', fontWeight: '600', fontSize: '14px', color: '#475569', transition: 'background 0.2s' }}
+                onMouseEnter={(e) => e.currentTarget.style.background = '#e2e8f0'}
+                onMouseLeave={(e) => e.currentTarget.style.background = '#f1f5f9'}
+              >
+                Cancel
+              </button>
+              <button
+                type="submit"
+                style={{ cursor: 'pointer', background: '#8b5cf6', color: '#ffffff', border: 'none', borderRadius: '12px', padding: '11px 24px', fontWeight: '600', fontSize: '14px', boxShadow: '0 4px 12px rgba(139,92,246,0.2)', transition: 'background 0.2s' }}
+                onMouseEnter={(e) => e.currentTarget.style.background = '#7c3aed'}
+                onMouseLeave={(e) => e.currentTarget.style.background = '#8b5cf6'}
+              >
+                Save Test
+              </button>
+            </div>
+          </form>
+        </div>
+      )}
+
+      {/* Search & Table */}
+      <div style={{ background: '#ffffff', borderRadius: '24px', padding: '28px', border: '1px solid #e2e8f0', boxShadow: '0 4px 6px -1px rgba(0,0,0,0.05)' }}>
+        {/* Search */}
+        <div style={{ position: 'relative', marginBottom: '24px', maxWidth: '400px' }}>
+          <input
+            type="text"
+            placeholder="Search by name, code or category..."
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            style={{ width: '100%', padding: '12px 16px 12px 44px', borderRadius: '14px', border: '1px solid #cbd5e1', fontSize: '14px', outline: 'none' }}
+          />
+          <Search style={{ position: 'absolute', left: '16px', top: '50%', transform: 'translateY(-50%)', width: '18px', height: '18px', color: '#94a3b8' }} />
+        </div>
+
+        {/* Table */}
+        <div style={{ overflowX: 'auto' }}>
+          <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '14px' }}>
+            <thead>
+              <tr style={{ borderBottom: '2px solid #f1f5f9' }}>
+                {['Test Name', 'Short Code', 'Category', 'Unit', 'Normal Range', ''].map((h) => (
+                  <th key={h} style={{ textAlign: 'left', padding: '12px 16px', fontWeight: '600', color: '#64748b', fontSize: '12px', textTransform: 'uppercase', letterSpacing: '0.05em' }}>
+                    {h}
+                  </th>
+                ))}
+              </tr>
+            </thead>
+            <tbody>
+              {filteredTests.map((test, idx) => {
+                const catStyle = getCategoryStyle(test.category);
+                return (
+                  <tr
+                    key={test.id}
+                    style={{ borderBottom: '1px solid #f8fafc', background: idx % 2 === 0 ? '#ffffff' : '#fafafa', transition: 'background 0.15s' }}
+                    onMouseEnter={(e) => (e.currentTarget.style.background = '#f1f5f9')}
+                    onMouseLeave={(e) => (e.currentTarget.style.background = idx % 2 === 0 ? '#ffffff' : '#fafafa')}
+                  >
+                    <td style={{ padding: '14px 16px', fontWeight: '500', color: '#1e293b' }}>
+                      <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+                        <div style={{ width: '36px', height: '36px', borderRadius: '10px', background: '#f3e8ff', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+                          <BookOpen style={{ width: '18px', height: '18px', color: '#8b5cf6' }} />
+                        </div>
+                        {test.testName}
+                      </div>
+                    </td>
+                    <td style={{ padding: '14px 16px' }}>
+                      <span style={{ fontFamily: 'monospace', fontWeight: '600', color: '#8b5cf6', background: '#f3e8ff', padding: '3px 8px', borderRadius: '6px', fontSize: '13px' }}>
+                        {test.shortCode}
+                      </span>
+                    </td>
+                    <td style={{ padding: '14px 16px' }}>
+                      <span style={{ background: catStyle.bg, color: catStyle.color, padding: '3px 10px', borderRadius: '6px', fontSize: '12px', fontWeight: '600' }}>
+                        {test.category || '—'}
+                      </span>
+                    </td>
+                    <td style={{ padding: '14px 16px', color: '#475569' }}>{test.unit || '—'}</td>
+                    <td style={{ padding: '14px 16px', color: '#475569' }}>{test.normalRange || '—'}</td>
+                    <td style={{ padding: '14px 16px' }}>
+                      <button
+                        onClick={() => handleDelete(test.id)}
+                        style={{ cursor: 'pointer', background: '#fef2f2', border: 'none', borderRadius: '8px', padding: '6px 8px', display: 'flex', alignItems: 'center', transition: 'background 0.2s' }}
+                        onMouseEnter={(e) => e.currentTarget.style.background = '#fee2e2'}
+                        onMouseLeave={(e) => e.currentTarget.style.background = '#fef2f2'}
+                      >
+                        <Trash2 style={{ width: '16px', height: '16px', color: '#ef4444' }} />
+                      </button>
+                    </td>
+                  </tr>
+                );
+              })}
+              {filteredTests.length === 0 && (
+                <tr>
+                  <td colSpan={6} style={{ textAlign: 'center', padding: '60px', color: '#94a3b8' }}>
+                    No lab tests found.
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default LabTestMaster;

package/src/root.component.tsx

@@ -1,11 +1,15 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Labmanagement from './labmanagement.component';
+import AddResults from './addresults.component';
+import LabTestMaster from './labtestmaster.component';
 
 const Root: React.FC = () => (
   <BrowserRouter basename={window.getOpenmrsSpaBase()}>
     <Routes>
       <Route path="labmanagement" element={<Labmanagement />} />
+      <Route path="addresults" element={<AddResults />} />
+      <Route path="labtestmaster" element={<LabTestMaster />} />
     </Routes>
   </BrowserRouter>
 );

package/src/routes.json

@@ -17,6 +17,11 @@
       "route": "approvetestresults",
       "component": "root",
       "online": true
+    },
+    {
+      "route": "labtestmaster",
+      "component": "root",
+      "online": true
     }
   ],
   "extensions": [

package/dist/340.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_sasindi_labmanagement=globalThis.webpackChunk_sasindi_labmanagement||[]).push([["340"],{1759(e,a,n){n.r(a),n.d(a,{default:()=>r});var t=n(8670),l=n.n(t),s=n(1969),m=n(8731);let r=function(){return l().createElement(s.BrowserRouter,{basename:window.getOpenmrsSpaBase()},l().createElement(s.Routes,null,l().createElement(s.Route,{path:"labmanagement",element:l().createElement(m.default,null)})))}}}]);

package/dist/340.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"340.js","sources":["webpack://@sasindi/labmanagement/./src/root.component.tsx"],"names":["BrowserRouter","window","Routes","Route","Labmanagement"],"mappings":"mNAYA,MARuB,W,OACrB,kBAACA,EAAAA,aAAaA,CAAAA,CAAC,SAAUC,OAAO,iBAAiB,E,EAC/C,kBAACC,EAAAA,MAAMA,CAAAA,KACL,kBAACC,EAAAA,KAAKA,CAAAA,CAAC,KAAK,gBAAgB,QAAS,kBAACC,EAAAA,OAAaA,CAAAA,K"}

package/dist/840.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_sasindi_labmanagement=globalThis.webpackChunk_sasindi_labmanagement||[]).push([["840"],{3401(e,a,n){n.d(a,{A:()=>A});var t=n(4991),r=n.n(t),o=n(6314),i=n.n(o)()(r());i.push([e.id,'.-labmanagement__labmanagement__container___79H24{min-height:100vh;background:#f8fafc;padding:40px 20px;font-family:"Inter",system-ui,sans-serif}.-labmanagement__labmanagement__header___06sMc{max-width:1200px;margin:0 auto 32px auto;border-bottom:1px solid #e2e8f0;padding-bottom:20px}.-labmanagement__labmanagement__heading___zAJ4V{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:6px;letter-spacing:-0.02em}.-labmanagement__labmanagement__subtitle___5al-c{font-size:15px;color:#64748b;margin:0}.-labmanagement__labmanagement__grid___NJOJ\\+{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:24px}.-labmanagement__labmanagement__card___Q7OI\\+{background:#f9fafb;border-radius:20px;padding:24px;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden;cursor:pointer}.-labmanagement__labmanagement__card___Q7OI\\+:hover{background:#fff;border-color:var(--card-theme-color);box-shadow:0 20px 40px var(--card-theme-shadow);transform:translateY(-8px) scale(1.02)}.-labmanagement__labmanagement__card___Q7OI\\+:hover .-labmanagement__labmanagement__cardHoverOverlay___jbcaX{opacity:1}.-labmanagement__labmanagement__card___Q7OI\\+:hover .-labmanagement__labmanagement__iconContainer___NcWvj{background:var(--card-theme-color);transform:rotate(5deg) scale(1.1)}.-labmanagement__labmanagement__card___Q7OI\\+:hover .-labmanagement__labmanagement__indicator___y7afY{width:100%}.-labmanagement__labmanagement__cardHoverOverlay___jbcaX{position:absolute;inset:0;background:linear-gradient(135deg, var(--card-theme-overlay), transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.-labmanagement__labmanagement__iconContainer___NcWvj{width:64px;height:64px;background:var(--card-theme-color-faded);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px var(--card-theme-shadow-faded);transition:all .3s;color:#fff;position:relative;z-index:1}.-labmanagement__labmanagement__titleContainer___j4GoE{text-align:center;position:relative;z-index:1}.-labmanagement__labmanagement__cardTitle___JkMz\\+{font-weight:600;font-size:15px;color:#1f2937;margin:0;line-height:1.3}.-labmanagement__labmanagement__indicator___y7afY{height:3px;width:0%;background:var(--card-theme-color);border-radius:2px;position:absolute;bottom:0;left:0;z-index:1;transition:width .3s ease}',"",{version:3,sources:["webpack://./src/labmanagement.scss"],names:[],mappings:"AAAA,kDACE,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,wCAAA,CAGF,+CACE,gBAAA,CACA,uBAAA,CACA,+BAAA,CACA,mBAAA,CAGF,gDACE,cAAA,CACA,eAAA,CACA,aAAA,CACA,iBAAA,CACA,sBAAA,CAGF,iDACE,cAAA,CACA,aAAA,CACA,QAAA,CAGF,8CACE,gBAAA,CACA,aAAA,CACA,YAAA,CACA,2DAAA,CACA,QAAA,CAGF,8CACE,kBAAA,CACA,kBAAA,CACA,YAAA,CACA,wBAAA,CACA,oCAAA,CACA,uBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,QAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CAEA,oDACE,eAAA,CACA,oCAAA,CACA,+CAAA,CACA,sCAAA,CAEA,6GACE,SAAA,CAGF,0GACE,kCAAA,CACA,iCAAA,CAGF,sGACE,UAAA,CAKN,yDACE,iBAAA,CACA,OAAA,CACA,0EAAA,CACA,mBAAA,CACA,SAAA,CACA,2BAAA,CAGF,sDACE,UAAA,CACA,WAAA,CACA,wCAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,oDAAA,CACA,kBAAA,CACA,UAAA,CACA,iBAAA,CACA,SAAA,CAGF,uDACE,iBAAA,CACA,iBAAA,CACA,SAAA,CAGF,mDACE,eAAA,CACA,cAAA,CACA,aAAA,CACA,QAAA,CACA,eAAA,CAGF,kDACE,UAAA,CACA,QAAA,CACA,kCAAA,CACA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,SAAA,CACA,yBAAA",sourcesContent:[".container {\n  min-height: 100vh;\n  background: #f8fafc;\n  padding: 40px 20px;\n  font-family: 'Inter', system-ui, sans-serif;\n}\n\n.header {\n  max-width: 1200px;\n  margin: 0 auto 32px auto;\n  border-bottom: 1px solid #e2e8f0;\n  padding-bottom: 20px;\n}\n\n.heading {\n  font-size: 28px;\n  font-weight: 700;\n  color: #0f172a;\n  margin-bottom: 6px;\n  letter-spacing: -0.02em;\n}\n\n.subtitle {\n  font-size: 15px;\n  color: #64748b;\n  margin: 0;\n}\n\n.grid {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 24px;\n}\n\n.card {\n  background: #f9fafb;\n  border-radius: 20px;\n  padding: 24px;\n  border: 2px solid #e5e7eb;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  transition: all 0.3s ease;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n\n  &:hover {\n    background: #ffffff;\n    border-color: var(--card-theme-color);\n    box-shadow: 0 20px 40px var(--card-theme-shadow);\n    transform: translateY(-8px) scale(1.02);\n\n    .cardHoverOverlay {\n      opacity: 1;\n    }\n\n    .iconContainer {\n      background: var(--card-theme-color);\n      transform: rotate(5deg) scale(1.1);\n    }\n\n    .indicator {\n      width: 100%;\n    }\n  }\n}\n\n.cardHoverOverlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, var(--card-theme-overlay), transparent);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.iconContainer {\n  width: 64px;\n  height: 64px;\n  background: var(--card-theme-color-faded);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 24px var(--card-theme-shadow-faded);\n  transition: all 0.3s;\n  color: #ffffff;\n  position: relative;\n  z-index: 1;\n}\n\n.titleContainer {\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n\n.cardTitle {\n  font-weight: 600;\n  font-size: 15px;\n  color: #1f2937;\n  margin: 0;\n  line-height: 1.3;\n}\n\n.indicator {\n  height: 3px;\n  width: 0%;\n  background: var(--card-theme-color);\n  border-radius: 2px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  transition: width 0.3s ease;\n}"],sourceRoot:""}]),i.locals={container:"-labmanagement__labmanagement__container___79H24",header:"-labmanagement__labmanagement__header___06sMc",heading:"-labmanagement__labmanagement__heading___zAJ4V",subtitle:"-labmanagement__labmanagement__subtitle___5al-c",grid:"-labmanagement__labmanagement__grid___NJOJ+",card:"-labmanagement__labmanagement__card___Q7OI+",cardHoverOverlay:"-labmanagement__labmanagement__cardHoverOverlay___jbcaX",iconContainer:"-labmanagement__labmanagement__iconContainer___NcWvj",indicator:"-labmanagement__labmanagement__indicator___y7afY",titleContainer:"-labmanagement__labmanagement__titleContainer___j4GoE",cardTitle:"-labmanagement__labmanagement__cardTitle___JkMz+"};let A=i},6314(e){e.exports=function(e){var a=[];return a.toString=function(){return this.map(function(a){var n=e(a);return a[2]?"@media ".concat(a[2]," {").concat(n,"}"):n}).join("")},a.i=function(e,n,t){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(t)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(r[i]=!0)}for(var A=0;A<e.length;A++){var l=[].concat(e[A]);t&&r[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),a.push(l))}},a}},4991(e){function a(e,a){(null==a||a>e.length)&&(a=e.length);for(var n=0,t=Array(a);n<a;n++)t[n]=e[n];return t}e.exports=function(e){var n=function(e){if(Array.isArray(e))return e}(e)||function(e){var a,n,t=e&&("u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=t){var r=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),4!==r.length);o=!0);}catch(e){i=!0,n=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw n}}return r}}(e)||function(e){if(e){if("string"==typeof e)return a(e,4);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,4)}}(e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),t=n[1],r=n[3];if(!r)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(r))));return[t].concat(r.sources.map(function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")})).concat(["/*# ".concat("sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o)," */")]).join("\n")}return[t].join("\n")}},5072(e){var a=[];function n(e){for(var n=-1,t=0;t<a.length;t++)if(a[t].identifier===e){n=t;break}return n}function t(e,t){for(var r={},o=[],i=0;i<e.length;i++){var A=e[i],l=t.base?A[0]+t.base:A[0],s=r[l]||0,c="".concat(l," ").concat(s);r[l]=s+1;var d=n(c),m={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==d)a[d].references++,a[d].updater(m);else{var p=function(e,a){var n=a.domAPI(a);return n.update(e),function(a){a?(a.css!==e.css||a.media!==e.media||a.sourceMap!==e.sourceMap||a.supports!==e.supports||a.layer!==e.layer)&&n.update(e=a):n.remove()}}(m,t);t.byIndex=i,a.splice(i,0,{identifier:c,updater:p,references:1})}o.push(c)}return o}e.exports=function(e,r){var o=t(e=e||[],r=r||{});return function(e){e=e||[];for(var i=0;i<o.length;i++){var A=n(o[i]);a[A].references--}for(var l=t(e,r),s=0;s<o.length;s++){var c=n(o[s]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}o=l}}},7659(e){var a={};e.exports=function(e,n){var t=function(e){if(void 0===a[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}a[e]=n}return a[e]}(e);if(!t)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}},540(e){e.exports=function(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}},5056(e,a,n){e.exports=function(e){var a=n.nc;a&&e.setAttribute("nonce",a)}},7825(e){e.exports=function(e){if("u"<typeof document)return{update:function(){},remove:function(){}};var a=e.insertStyleElement(e);return{update:function(n){var t,r,o;t="",n.supports&&(t+="@supports (".concat(n.supports,") {")),n.media&&(t+="@media ".concat(n.media," {")),(r=void 0!==n.layer)&&(t+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),t+=n.css,r&&(t+="}"),n.media&&(t+="}"),n.supports&&(t+="}"),(o=n.sourceMap)&&"u">typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(t,a,e.options)},remove:function(){var e;null===(e=a).parentNode||e.parentNode.removeChild(e)}}}},1113(e){e.exports=function(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}},8731(e,a,n){n.r(a),n.d(a,{default:()=>M});var t=n(8670),r=n.n(t),o=n(4700);let i=(...e)=>e.filter((e,a,n)=>!!e&&""!==e.trim()&&n.indexOf(e)===a).join(" ").trim(),A=e=>{let a=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,a,n)=>n?n.toUpperCase():a.toLowerCase());return a.charAt(0).toUpperCase()+a.slice(1)};var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let s=(0,t.createContext)({}),c=(0,t.forwardRef)(({color:e,size:a,strokeWidth:n,absoluteStrokeWidth:r,className:o="",children:A,iconNode:c,...d},m)=>{let{size:p=24,strokeWidth:h=2,absoluteStrokeWidth:_=!1,color:u="currentColor",className:C=""}=(0,t.useContext)(s)??{},g=r??_?24*Number(n??h)/Number(a??p):n??h;return(0,t.createElement)("svg",{ref:m,...l,width:a??p??l.width,height:a??p??l.height,stroke:e??u,strokeWidth:g,className:i("lucide",C,o),...!A&&!(e=>{for(let a in e)if(a.startsWith("aria-")||"role"===a||"title"===a)return!0;return!1})(d)&&{"aria-hidden":"true"},...d},[...c.map(([e,a])=>(0,t.createElement)(e,a)),...Array.isArray(A)?A:[A]])}),d=(e,a)=>{let n=(0,t.forwardRef)(({className:n,...r},o)=>(0,t.createElement)(c,{ref:o,iconNode:a,className:i(`lucide-${A(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,n),...r}));return n.displayName=A(e),n},m=d("flask-conical",[["path",{d:"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2",key:"18mbvz"}],["path",{d:"M6.453 15h11.094",key:"3shlmq"}],["path",{d:"M8.5 2h7",key:"csnxdl"}]]),p=d("clipboard-check",[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"m9 14 2 2 4-4",key:"df797q"}]]),h=d("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]),_=d("square-check-big",[["path",{d:"M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",key:"2acyp4"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);var u=n(5072),C=n.n(u),g=n(7825),f=n.n(g),b=n(7659),v=n.n(b),x=n(5056),y=n.n(x),w=n(540),k=n.n(w),E=n(1113),S=n.n(E),B=n(3401),O={};O.styleTagTransform=S(),O.setAttributes=y(),O.insert=v().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=k(),C()(B.A,O);let N=B.A&&B.A.locals?B.A.locals:void 0,M=function(){var e=(0,o.useTranslation)().t,a=function(e){window.history.pushState({},"",e),window.dispatchEvent(new PopStateEvent("popstate"))};return r().createElement("div",{className:N.container},r().createElement("div",{className:N.grid},[{id:"samplecollection",title:"Sample Collection",icon:m,themeColor:"#06b6d4",themeShadow:"rgba(6, 182, 212, 0.19)",themeShadowFaded:"rgba(6, 182, 212, 0.25)",themeOverlay:"rgba(6, 182, 212, 0.06)",themeFaded:"rgba(6, 182, 212, 0.85)",route:"/openmrs/spa/samplecollection"},{id:"receivesamples",title:"Receive Samples",icon:p,themeColor:"#4f46e5",themeShadow:"rgba(79, 70, 229, 0.19)",themeShadowFaded:"rgba(79, 70, 229, 0.25)",themeOverlay:"rgba(79, 70, 229, 0.06)",themeFaded:"rgba(79, 70, 229, 0.85)",route:"/openmrs/spa/receivesamples"},{id:"addresults",title:"Add Results",icon:h,themeColor:"#10b981",themeShadow:"rgba(16, 185, 129, 0.19)",themeShadowFaded:"rgba(16, 185, 129, 0.25)",themeOverlay:"rgba(16, 185, 129, 0.06)",themeFaded:"rgba(16, 185, 129, 0.85)",route:"/openmrs/spa/addresults"},{id:"approvetestresults",title:"Test Results Approval",icon:_,themeColor:"#f59e0b",themeShadow:"rgba(245, 158, 11, 0.19)",themeShadowFaded:"rgba(245, 158, 11, 0.25)",themeOverlay:"rgba(245, 158, 11, 0.06)",themeFaded:"rgba(245, 158, 11, 0.85)",route:"/openmrs/spa/approvetestresults"}].map(function(n){var t=n.icon;return r().createElement("div",{key:n.id,onClick:function(){return a(n.route)},className:N.card,style:{"--card-theme-color":n.themeColor,"--card-theme-shadow":n.themeShadow,"--card-theme-shadow-faded":n.themeShadowFaded,"--card-theme-overlay":n.themeOverlay,"--card-theme-color-faded":n.themeFaded}},r().createElement("div",{className:N.cardHoverOverlay}),r().createElement("div",{className:N.iconContainer},r().createElement(t,{style:{width:"32px",height:"32px",color:"white"}})),r().createElement("div",{className:N.titleContainer},r().createElement("h3",{className:N.cardTitle},e(n.id,n.title))),r().createElement("div",{className:N.indicator}))})))}}}]);