@kenyaemr/esm-morgue-app 5.4.2-pre.2283 → 5.4.2-pre.2291

package/src/hook/useDischargedPatient.ts

@@ -1,55 +0,0 @@
-import { FetchResponse, openmrsFetch, restBaseUrl, useFhirFetchAll } from '@openmrs/esm-framework';
-import { type Patient, type FHIREncounter } from '../types';
-import { useAdmissionLocation } from './useMortuaryAdmissionLocation';
-import useSWR from 'swr';
-
-export const useDischargedPatient = (dischargeEncounterTypeUuid: string) => {
-  const url = dischargeEncounterTypeUuid
-    ? `/ws/fhir2/R4/Encounter?_format=json&type=${dischargeEncounterTypeUuid}`
-    : null;
-  const { data, error, isLoading } = useFhirFetchAll<FHIREncounter>(url);
-
-  const dischargedPatientUuids = data
-    ?.map((encounter) => {
-      const reference = encounter?.subject?.reference;
-      if (reference && reference.startsWith('Patient/')) {
-        return reference.split('/')[1];
-      }
-      return undefined;
-    })
-    .filter((uuid) => uuid);
-
-  const { admissionLocation } = useAdmissionLocation();
-
-  const admittedPatientUuids = admissionLocation?.bedLayouts
-    ?.flatMap((bed) => bed.patients?.map((patient) => patient.uuid))
-    .filter(Boolean);
-
-  const filteredDischargedPatientUuids = dischargedPatientUuids?.filter(
-    (uuid) => !admittedPatientUuids?.includes(uuid),
-  );
-
-  const uniqueDischargedPatientUuids = [...new Set(filteredDischargedPatientUuids)];
-
-  return { dischargedPatientUuids: uniqueDischargedPatientUuids, error, isLoading };
-};
-
-export const usePatients = (uuids: string[]) => {
-  const customRepresentation =
-    'custom:(uuid,display,identifiers:(uuid,display),person:(uuid,display,gender,birthdate,dead,age,deathDate,causeOfDeath:(uuid,display),attributes:(uuid,display,value,attributeType:(uuid,))))';
-  const urls = uuids.map((uuid) => `${restBaseUrl}/patient/${uuid}?v=${customRepresentation}`);
-
-  const { data, error, isLoading } = useSWR<FetchResponse<Patient>[]>(urls, (urls) =>
-    Promise.all(urls.map((url) => openmrsFetch<Patient>(url))),
-  );
-
-  const deceasedPatients = data?.map((response) => response.data)?.filter((patient) => patient?.person?.dead === true);
-
-  return {
-    isLoading,
-    error,
-    patients: deceasedPatients,
-  };
-};
-
-export default usePatients;

package/src/hook/useMorgue.resource.ts

@@ -1,163 +0,0 @@
-import {
-  FetchResponse,
-  openmrsFetch,
-  openmrsObservableFetch,
-  OpenmrsResource,
-  restBaseUrl,
-  toDateObjectStrict,
-  toOmrsIsoString,
-  useConfig,
-  useOpenmrsPagination,
-} from '@openmrs/esm-framework';
-import {
-  DeceasedPatientResponse,
-  PaymentMethod,
-  VisitTypeResponse,
-  Location,
-  Patient,
-  Visit,
-  UseVisitQueueEntries,
-  VisitQueueEntry,
-  MappedVisitQueueEntry,
-  UpdateVisitPayload,
-  PaginatedResponse,
-} from '../types';
-import useSWR from 'swr';
-import { BillingConfig, ConfigObject } from '../config-schema';
-import { useEffect, useState } from 'react';
-import useSWRImmutable from 'swr/immutable';
-import { makeUrlUrl } from '../utils/utils';
-import type { Observable } from 'rxjs';
-
-export const useVisitType = () => {
-  const customRepresentation = 'custom:(uuid,display,name)';
-  const url = `${restBaseUrl}/visittype?v=${customRepresentation}`;
-  const { data, error, isLoading } = useSWR<FetchResponse<{ results: VisitTypeResponse[] }>>(url, openmrsFetch);
-  const visitType = data?.data?.results || null;
-
-  return { data: visitType, error, isLoading };
-};
-
-export const usePaymentModes = (excludeWaiver: boolean = true) => {
-  const { excludedPaymentMode } = useConfig<BillingConfig>();
-  const url = `${restBaseUrl}/cashier/paymentMode?v=full`;
-  const { data, isLoading, error, mutate } = useSWR<{ data: { results: Array<PaymentMethod> } }>(url, openmrsFetch, {
-    errorRetryCount: 2,
-  });
-  const allowedPaymentModes =
-    excludedPaymentMode?.length > 0
-      ? data?.data?.results.filter((mode) => !excludedPaymentMode.some((excluded) => excluded.uuid === mode.uuid)) ?? []
-      : data?.data?.results ?? [];
-  return {
-    paymentModes: excludeWaiver ? allowedPaymentModes : data?.data?.results,
-    isLoading,
-    mutate,
-    error,
-  };
-};
-export const useBillableItems = () => {
-  const url = `${restBaseUrl}/cashier/billableService?v=custom:(uuid,name,shortName,serviceStatus,serviceType:(uuid,display),servicePrices:(uuid,name,price,paymentMode))`;
-  const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
-  const [searchTerm, setSearchTerm] = useState('');
-  const filteredItems =
-    data?.data?.results?.filter((item) => item.name.toLowerCase().includes(searchTerm.toLowerCase())) ?? [];
-  return {
-    lineItems: filteredItems,
-    isLoading,
-    error,
-    searchTerm,
-    setSearchTerm,
-  };
-};
-// // Used
-export const createPatientBill = (payload) => {
-  const postUrl = `${restBaseUrl}/cashier/bill`;
-  return openmrsFetch(postUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload });
-};
-// Used
-export const useCashPoint = () => {
-  const url = `/ws/rest/v1/cashier/cashPoint`;
-  const { data, isLoading, error } = useSWR<{ data: { results: Array<OpenmrsResource> } }>(url, openmrsFetch);
-
-  return { isLoading, error, cashPoints: data?.data?.results ?? [] };
-};
-// // Used
-
-export function useVisitQueueEntry(patientUuid, visitUuid): UseVisitQueueEntries {
-  const apiUrl = `${restBaseUrl}/visit-queue-entry?v=full&patient=${patientUuid}`;
-  const { data, error, isLoading, isValidating, mutate } = useSWR<{ data: { results: Array<VisitQueueEntry> } }, Error>(
-    apiUrl,
-    openmrsFetch,
-  );
-  const mapVisitQueueEntryProperties = (visitQueueEntry: VisitQueueEntry): MappedVisitQueueEntry => ({
-    id: visitQueueEntry.uuid,
-    name: visitQueueEntry.queueEntry.queue.display,
-    patientUuid: visitQueueEntry.queueEntry.patient.uuid,
-    priority:
-      visitQueueEntry.queueEntry.priority.display === 'Urgent'
-        ? 'Priority'
-        : visitQueueEntry.queueEntry.priority.display,
-    priorityUuid: visitQueueEntry.queueEntry.priority.uuid,
-    service: visitQueueEntry.queueEntry.queue?.display,
-    status: visitQueueEntry.queueEntry.status.display,
-    statusUuid: visitQueueEntry.queueEntry.status.uuid,
-    visitUuid: visitQueueEntry.visit?.uuid,
-    visitType: visitQueueEntry.visit?.visitType?.display,
-    queue: visitQueueEntry.queueEntry.queue,
-    queueEntryUuid: visitQueueEntry.queueEntry.uuid,
-  });
-
-  const mappedVisitQueueEntry =
-    data?.data?.results
-      ?.map(mapVisitQueueEntryProperties)
-      .filter((visitQueueEntry) => visitUuid !== undefined && visitUuid === visitQueueEntry.visitUuid)
-      .shift() ?? null;
-  return {
-    queueEntry: mappedVisitQueueEntry,
-    isLoading,
-    error: error,
-    isValidating,
-    mutate,
-  };
-}
-export const usePerson = (uuid: string) => {
-  const customRepresentation = `custom:(uuid,display,gender,birthdate,dead,age,deathDate,causeOfDeath:(uuid,display))`;
-  const url = `${restBaseUrl}/person/${uuid}?v=${customRepresentation}`;
-  const { isLoading, error, data } = useSWR<FetchResponse<Patient['person']>>(url, openmrsFetch);
-  const person = data?.data;
-  return { isLoading, error, person };
-};
-
-// Used
-export function removeQueuedPatient(
-  queueUuid: string,
-  queueEntryUuid: string,
-  abortController: AbortController,
-  endedAt?: Date,
-) {
-  return openmrsFetch(`${restBaseUrl}/queue/${queueUuid}/entry/${queueEntryUuid}`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: {
-      endedAt: toDateObjectStrict(toOmrsIsoString(endedAt) ?? toOmrsIsoString(new Date())),
-    },
-    signal: abortController.signal,
-  });
-}
-
-export function updateVisit(
-  uuid: string,
-  payload: UpdateVisitPayload,
-  abortController: AbortController,
-): Observable<any> {
-  return openmrsObservableFetch(`${restBaseUrl}/visit/${uuid}`, {
-    signal: abortController.signal,
-    method: 'POST',
-    headers: {
-      'Content-type': 'application/json',
-    },
-    body: payload,
-  });
-}

package/src/hook/useMortuaryAdmissionLocation.ts

@@ -1,64 +0,0 @@
-import {
-  type FetchResponse,
-  openmrsFetch,
-  restBaseUrl,
-  useFeatureFlag,
-  type Location,
-  useSession,
-} from '@openmrs/esm-framework';
-import useSWR from 'swr';
-import useSWRImmutable from 'swr/immutable';
-import { useParams } from 'react-router-dom';
-import { type MortuaryLocationFetchResponse, type FHIREncounter } from '../types';
-
-export function useLocation(locationUuid: string, rep: string = 'custom:(display,uuid)') {
-  return useSWRImmutable<FetchResponse<Location>>(
-    locationUuid ? `${restBaseUrl}/location/${locationUuid}?v=${rep}` : null,
-    openmrsFetch,
-  );
-}
-
-export function useMortuaryLocation(): {
-  location: Location | undefined;
-  isLoadingLocation: boolean;
-  errorFetchingLocation: Error | undefined;
-  invalidLocation: boolean;
-} {
-  const { locationUuid: locationUuidFromUrl } = useParams();
-  const { sessionLocation } = useSession();
-
-  const {
-    data: locationResponse,
-    isLoading: isLoadingLocation,
-    error: errorFetchingLocation,
-  } = useLocation(locationUuidFromUrl ?? null);
-
-  const invalidLocation = !!locationUuidFromUrl && !!errorFetchingLocation;
-
-  return {
-    location: locationUuidFromUrl ? locationResponse?.data : sessionLocation,
-    isLoadingLocation,
-    errorFetchingLocation,
-    invalidLocation,
-  };
-}
-
-const requestRep =
-  'custom:(ward,totalBeds,occupiedBeds,bedLayouts:(rowNumber,columnNumber,bedNumber,bedId,bedUuid,status,location,patients:(person:full,identifiers,uuid)))';
-
-export function useAdmissionLocation(rep: string = requestRep) {
-  const { location } = useMortuaryLocation();
-  const isBedManagementModuleInstalled = useFeatureFlag('bedmanagement-module');
-
-  const apiUrl = location?.uuid ? `${restBaseUrl}/admissionLocation/${location.uuid}?v=${rep}` : null;
-
-  const { data, ...rest } = useSWR<FetchResponse<MortuaryLocationFetchResponse>, Error>(
-    isBedManagementModuleInstalled ? apiUrl : null,
-    openmrsFetch,
-  );
-
-  return {
-    admissionLocation: data?.data,
-    ...rest,
-  };
-}

package/src/tables/admitted-queue.component.tsx

@@ -1,54 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { UserHasAccess } from '@openmrs/esm-framework';
-import DeceasedFilter from '../header/admitted-queue-header.component';
-import styles from './admitted-queue.scss';
-import CompartmentView from '../card/compartment-view.compartment';
-import { useAdmissionLocation } from '../hook/useMortuaryAdmissionLocation';
-import { InlineLoading } from '@carbon/react';
-import { CardHeader, ErrorState } from '@openmrs/esm-patient-common-lib';
-import EmptyMorgueAdmission from '../empty-state/empty-morgue-admission.component';
-import useEmrConfiguration from '../hook/useAdmitPatient';
-import { useDischargedPatient } from '../hook/useDischargedPatient';
-
-export const AdmittedQueue: React.FC = () => {
-  const { t } = useTranslation();
-  const [searchQuery, setSearchQuery] = useState('');
-  const { admissionLocation, isLoading, error } = useAdmissionLocation();
-  const handleSearchChange = (query: string) => {
-    setSearchQuery(query);
-  };
-
-  if (isLoading) {
-    return <InlineLoading description={t('loading', 'Loading...')} />;
-  }
-
-  if (error) {
-    return <ErrorState headerTitle={t('errorLoadingData', 'Error loading data')} error={error} />;
-  }
-
-  const filteredBedLayouts = admissionLocation?.bedLayouts?.filter((bed) => {
-    return bed.patients.some((patient) => patient?.person?.display?.toLowerCase().includes(searchQuery.toLowerCase()));
-  });
-
-  return (
-    <div className={styles.layoutWrapper}>
-      <CardHeader title={t('allocation', 'Allocation')} children={''} />
-      <DeceasedFilter onSearchChange={handleSearchChange} />
-      <div className={styles.patientCardContainer}>
-        {filteredBedLayouts?.length === 0 ? (
-          <EmptyMorgueAdmission
-            title={t('allocations', 'Allocation')}
-            subTitle={t('noAdmittedBodies', 'There are no admitted bodies matching your search')}
-          />
-        ) : (
-          <UserHasAccess privilege="o3 : View Mortuary Compartments">
-            <CompartmentView />
-          </UserHasAccess>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default AdmittedQueue;

package/src/tables/admitted-queue.scss

@@ -1,62 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-// @use '~@openmrs/esm-styleguide/src/vars' as *;
-
-.container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  margin: layout.$spacing-04;
-}
-
-.column {
-  width: calc(25% - 1rem);
-  height: 776px;
-  flex-grow: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  gap: layout.$spacing-03;
-  padding: 0;
-  margin: 0.5rem;
-}
-
-.tile {
-  width: 340px;
-  height: layout.$spacing-09;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: layout.$spacing-03 0;
-}
-
-.tileContent {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: layout.$spacing-04;
-}
-
-.label {
-  width: layout.$spacing-07;
-  height: layout.$spacing-07;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: layout.$spacing-01;
-  font-weight: 600;
-  line-height: 1.29;
-  background-color: colors.$cool-gray-20;
-  border: 1px solid colors.$cool-gray-20;
-  border-radius: 50%;
-}
-
-.emptyunit {
-  line-height: 1.38;
-}
-.layoutWrapper {
-  border: 1px solid colors.$gray-30;
-  padding: layout.$spacing-05 layout.$spacing-05;
-}

package/src/tables/discharge-queue.component.tsx

@@ -1,87 +0,0 @@
-import { DataTableSkeleton } from '@carbon/react';
-import { ConfigurableLink, ErrorState, formatDate, useConfig } from '@openmrs/esm-framework';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import styles from './generic-table.scss';
-import GenericTable from './generic-table.component';
-import { ConfigObject } from '../config-schema';
-import usePatients from '../hook/useDischargedPatient';
-
-interface DischargedProps {
-  dischargedPatientUuids: string[];
-  isLoading: boolean;
-  error: any;
-}
-
-export const DischargedBodies: React.FC<DischargedProps> = ({ isLoading, error, dischargedPatientUuids }) => {
-  const { t } = useTranslation();
-  const dischargedInLine = t('dischargeBodies', 'Discharged bodies');
-  const patientChartUrl = '${openmrsSpaBase}/patient/${patientUuid}/chart/deceased-panel';
-  const { patients, isLoading: isLoadingPatients, error: patientsError } = usePatients(dischargedPatientUuids);
-
-  const { nextOfKinAddressUuid, nextOfKinNameUuid, nextOfKinPhoneUuid, nextOfKinRelationshipUuid } =
-    useConfig<ConfigObject>();
-
-  const genericTableHeader = [
-    { header: 'Patient Name', key: 'name' },
-    { header: 'Gender', key: 'gender' },
-    { header: 'Identifier', key: 'identifier' },
-    { header: 'Age', key: 'age' },
-    { header: 'Date of Death', key: 'deathDate' },
-    { header: 'Cause of Death', key: 'causeOfDeath' },
-  ];
-
-  if (isLoading) {
-    return (
-      <div className={styles.table}>
-        <DataTableSkeleton
-          headers={genericTableHeader}
-          aria-label="discharged-datatable"
-          showToolbar={false}
-          showHeader={false}
-          rowCount={10}
-          zebra
-          columnCount={7}
-        />
-      </div>
-    );
-  }
-
-  if (error) {
-    return <ErrorState error={error} headerTitle={t('dischargeBodies', 'Discharged bodies')} />;
-  }
-
-  const getAttributeValue = (patient, uuid) => {
-    return patient?.person?.attributes?.find((attr) => attr?.attributeType?.uuid === uuid)?.value || '--';
-  };
-
-  const rows = patients?.map((patient) => {
-    const openmrsID = patient?.identifiers?.find((id) => id.display.startsWith('OpenMRS ID'))?.display.split(' = ')[1];
-
-    const nextOfKin = {
-      name: getAttributeValue(patient, nextOfKinNameUuid),
-      phone: getAttributeValue(patient, nextOfKinPhoneUuid),
-      address: getAttributeValue(patient, nextOfKinAddressUuid),
-      relationship: getAttributeValue(patient, nextOfKinRelationshipUuid),
-    };
-
-    return {
-      id: patient?.uuid,
-      name: (
-        <ConfigurableLink
-          style={{ textDecoration: 'none', maxWidth: '50%' }}
-          to={patientChartUrl}
-          templateParams={{ patientUuid: patient?.uuid }}>
-          {patient?.person?.display?.toUpperCase()}
-        </ConfigurableLink>
-      ),
-      gender: patient?.person?.gender || '--',
-      age: patient?.person?.age || '--',
-      identifier: openmrsID || '--',
-      deathDate: formatDate(new Date(patient?.person?.deathDate)) || '--',
-      causeOfDeath: patient?.person?.causeOfDeath?.display || '--',
-      nextOfKin: nextOfKin, // Ensure nextOfKin is included in the row
-    };
-  });
-  return <GenericTable rows={rows} headers={genericTableHeader} title={dischargedInLine} />;
-};

package/src/tables/generic-table.component.tsx

@@ -1,140 +0,0 @@
-import React, { useState } from 'react';
-import classNames from 'classnames';
-import { useTranslation } from 'react-i18next';
-import {
-  DataTable,
-  Table,
-  TableCell,
-  TableContainer,
-  TableBody,
-  TableHead,
-  TableHeader,
-  TableRow,
-  TableExpandRow,
-  TableExpandedRow,
-  Search,
-  TableExpandHeader,
-} from '@carbon/react';
-import { CardHeader, PatientChartPagination } from '@openmrs/esm-patient-common-lib';
-import { useLayoutType, usePagination } from '@openmrs/esm-framework';
-import styles from './generic-table.scss';
-import EmptyDeceasedSearch from '../empty-state/empty-morgue-admission.component';
-import { Patient } from '../types';
-import NextOfKinDetails from '../component/next-of-kin-details/nextOfKinDetails.component';
-
-interface GenericTableProps {
-  rows: any[];
-  headers: { header: string; key: string }[];
-  actionColumn?: (row: any) => React.ReactNode;
-  title?: string;
-}
-
-const GenericTable: React.FC<GenericTableProps> = ({ rows, headers, actionColumn, title }) => {
-  const { t } = useTranslation();
-  const pageSize = 10;
-  const isTablet = useLayoutType() === 'tablet';
-
-  const [searchTerm, setSearchTerm] = useState('');
-
-  const filteredRows = rows?.filter((row) =>
-    headers.some((header) => row[header.key]?.toString().toLowerCase().includes(searchTerm.toLowerCase())),
-  );
-
-  const { results: paginatedData, currentPage, goTo } = usePagination(filteredRows, pageSize);
-
-  return (
-    <div className={styles.table}>
-      <CardHeader title={title} children={''} />
-      <div className={styles.searchContainer}>
-        <Search
-          size="sm"
-          placeholder="Search for deceased"
-          labelText="Search"
-          closeButtonLabelText="Clear search input"
-          id="search-deceased"
-          value={searchTerm}
-          onChange={(e) => setSearchTerm(e.target.value)}
-          className={styles.searchInput}
-        />
-      </div>
-
-      {rows?.length === 0 ? (
-        <EmptyDeceasedSearch
-          title={t('noWaitingList', 'Waiting List')}
-          subTitle={t('noDeceasedPersons', 'There are no deceased persons on the waiting list')}
-        />
-      ) : searchTerm && filteredRows?.length === 0 ? (
-        <EmptyDeceasedSearch
-          title={t('noResultFound', 'Sorry, no results found')}
-          subTitle={t('searchForADeceased', "Try to search again using the deceased patient's unique ID number")}
-        />
-      ) : (
-        <div className={styles.genericTable}>
-          <DataTable rows={paginatedData} headers={headers} isSortable size={isTablet ? 'lg' : 'sm'} useZebraStyles>
-            {({
-              rows: tableRows,
-              headers,
-              getHeaderProps,
-              getTableProps,
-              getRowProps,
-              getTableContainerProps,
-              getExpandHeaderProps,
-            }) => (
-              <TableContainer {...getTableContainerProps()} className={styles.tableContainer}>
-                <Table {...getTableProps()}>
-                  <TableHead>
-                    <TableRow>
-                      <TableExpandHeader enableToggle {...getExpandHeaderProps()} />
-                      {headers?.map((header, i) => (
-                        <TableHeader
-                          key={i}
-                          {...getHeaderProps({
-                            header,
-                          })}>
-                          {header.header}
-                        </TableHeader>
-                      ))}
-                      {actionColumn && <TableHeader>Action</TableHeader>}
-                    </TableRow>
-                  </TableHead>
-                  <TableBody>
-                    {tableRows?.map((row, i) => {
-                      const originalRow = rows.find((r) => r.id === row.id);
-
-                      return (
-                        <React.Fragment key={row.id}>
-                          <TableExpandRow {...getRowProps({ row })}>
-                            {row.cells.map((cell) => (
-                              <TableCell key={cell.id}>{cell.value}</TableCell>
-                            ))}
-                            {actionColumn && <TableCell>{actionColumn(row)}</TableCell>}
-                          </TableExpandRow>
-                          {row.isExpanded && (
-                            <TableExpandedRow colSpan={headers.length + 1}>
-                              <div className={styles.expandedRowContent}>
-                                {originalRow && <NextOfKinDetails nextOfKin={originalRow.nextOfKin} />}
-                              </div>
-                            </TableExpandedRow>
-                          )}
-                        </React.Fragment>
-                      );
-                    })}
-                  </TableBody>
-                </Table>
-              </TableContainer>
-            )}
-          </DataTable>
-          <PatientChartPagination
-            currentItems={paginatedData?.length}
-            totalItems={filteredRows?.length}
-            onPageNumberChange={({ page }) => goTo(page)}
-            pageNumber={currentPage}
-            pageSize={pageSize}
-          />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default GenericTable;

package/src/tables/generic-table.scss

@@ -1,37 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-
-.genericTable {
-  margin: 0 auto;
-}
-
-.searchContainer {
-  margin-bottom: layout.$spacing-05;
-  border: solid colors.$gray-30 0.1rem;
-  margin-left: layout.$spacing-06;
-  margin-right: layout.$spacing-06;
-}
-
-.tableContainer {
-  margin: 0 layout.$spacing-05;
-}
-
-.actionBtn {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 0 layout.$spacing-04;
-}
-.table {
-  border: 1px solid colors.$gray-30;
-  width: 98%;
-  margin: 0 auto;
-}
-.groupButtons {
-  display: flex;
-  gap: layout.$spacing-05;
-}