@openmrs/esm-appointments-app 8.5.1-pre.5723 → 8.5.1-pre.5754

package/dist/8963.js

@@ -1 +0,0 @@
-(globalThis.webpackChunk_openmrs_esm_appointments_app=globalThis.webpackChunk_openmrs_esm_appointments_app||[]).push([[8963],{40515:function(n){n.exports=function(){"use strict";return function(n,r){r.prototype.isSameOrBefore=function(n,r){return this.isSame(n,r)||this.isBefore(n,r)}}}()},78285:(n,r,t)=>{"use strict";t.d(r,{vg:()=>c});var e,u,i=t(1343),o=t.n(i),f=t(9247);const c=o().forwardRef(function({children:n,size:r=16,...t},i){return o().createElement(f.A,{width:r,height:r,ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",...t},e||(e=o().createElement("path",{d:"M21 10L17 10 17 6 15 6 15 10 11 10 11 12 15 12 15 16 17 16 17 12 21 12 21 10z"})),u||(u=o().createElement("path",{d:"M28,10H26V4a2.0023,2.0023,0,0,0-2-2H8A2.0023,2.0023,0,0,0,6,4v6H4a2.0023,2.0023,0,0,0-2,2V30H30V12A2.0023,2.0023,0,0,0,28,10ZM14,28V22h4v6Zm6,0V21a1,1,0,0,0-1-1H13a1,1,0,0,0-1,1v7H4V12H8V4H24v8h4V28Z"})),n)})},81797:(n,r,t)=>{"use strict";t.d(r,{A:()=>E});var e=t(39791),u=t(43944);var i=t(97942);const o=function(n){return n==n&&!(0,i.A)(n)};var f=t(7817);const c=function(n,r){return function(t){return null!=t&&t[n]===r&&(void 0!==r||n in Object(t))}},a=function(n){var r=function(n){for(var r=(0,f.A)(n),t=r.length;t--;){var e=r[t],u=n[e];r[t]=[e,u,o(u)]}return r}(n);return 1==r.length&&r[0][2]?c(r[0][0],r[0][1]):function(t){return t===n||function(n,r,t,i){var o=t.length,f=o,c=!i;if(null==n)return!f;for(n=Object(n);o--;){var a=t[o];if(c&&a[2]?a[1]!==n[a[0]]:!(a[0]in n))return!1}for(;++o<f;){var l=(a=t[o])[0],v=n[l],s=a[1];if(c&&a[2]){if(void 0===v&&!(l in n))return!1}else{var h=new e.A;if(i)var A=i(v,s,l,n,r,h);if(!(void 0===A?(0,u.A)(s,v,3,i,h):A))return!1}}return!0}(t,n,r)}};var l=t(55841);const v=function(n,r){return null!=n&&r in Object(n)};var s=t(85861),h=t(61697),A=t(96956),p=t(85378),g=t(47893),d=t(9322);const m=function(n,r){return null!=n&&function(n,r,t){for(var e=-1,u=(r=(0,s.A)(r,n)).length,i=!1;++e<u;){var o=(0,d.A)(r[e]);if(!(i=null!=n&&t(n,o)))break;n=n[o]}return i||++e!=u?i:!!(u=null==n?0:n.length)&&(0,g.A)(u)&&(0,p.A)(o,u)&&((0,A.A)(n)||(0,h.A)(n))}(n,r,v)};var w=t(1677);const b=function(n,r){return(0,w.A)(n)&&o(r)?c((0,d.A)(n),r):function(t){var e=function(n,r,t){var e=null==n?void 0:(0,l.A)(n,r);return void 0===e?t:e}(t,n);return void 0===e&&e===r?m(t,n):(0,u.A)(r,e,3)}};var H=t(14151);const V=function(n){return(0,w.A)(n)?(r=(0,d.A)(n),function(n){return null==n?void 0:n[r]}):function(n){return function(r){return(0,l.A)(r,n)}}(n);var r};var _=t(34149);const k=function(n){return n!=n},j=function(n,r){return!(null==n||!n.length)&&function(n,r,t){return r==r?function(n,r,t){for(var e=t-1,u=n.length;++e<u;)if(n[e]===r)return e;return-1}(n,r,t):function(n,r,t,e){for(var u=n.length,i=t+(e?1:-1);e?i--:++i<u;)if(r(n[i],i,n))return i;return-1}(n,k,t)}(n,r,0)>-1},O=function(n,r,t){for(var e=-1,u=null==n?0:n.length;++e<u;)if(t(r,n[e]))return!0;return!1};var x=t(62026),y=t(28574);var B=t(39922);const C=y.A&&1/(0,B.A)(new y.A([,-0]))[1]==1/0?function(n){return new y.A(n)}:function(){},E=function(n,r){return n&&n.length?function(n,r,t){var e=-1,u=j,i=n.length,o=!0,f=[],c=f;if(t)o=!1,u=O;else if(i>=200){var a=r?null:C(n);if(a)return(0,B.A)(a);o=!1,u=x.A,c=new _.A}else c=r?[]:f;n:for(;++e<i;){var l=n[e],v=r?r(l):l;if(l=t||0!==l?l:0,o&&v==v){for(var s=c.length;s--;)if(c[s]===v)continue n;r&&c.push(v),f.push(l)}else u(c,v,t)||(c!==f&&c.push(v),f.push(l))}return f}(n,"function"==typeof(t=r)?t:null==t?H.A:"object"==typeof t?(0,A.A)(t)?b(t[0],t[1]):a(t):V(t)):[];var t}}}]);

package/dist/8963.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"8963.js","mappings":"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","sources":["webpack://@openmrs/esm-appointments-app/../../node_modules/dayjs/plugin/isSameOrBefore.js","webpack://@openmrs/esm-appointments-app/../../node_modules/@carbon/icons-react/es/generated/bucket-7.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_isStrictComparable.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_getMatchData.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_matchesStrictComparable.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseMatches.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseIsMatch.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/get.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseHasIn.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_hasPath.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/hasIn.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseMatchesProperty.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseProperty.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/property.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_basePropertyDeep.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseFindIndex.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseIsNaN.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_arrayIncludes.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseIndexOf.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_strictIndexOf.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_arrayIncludesWith.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_createSet.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/noop.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/uniqBy.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseUniq.js","webpack://@openmrs/esm-appointments-app/../../node_modules/lodash-es/_baseIteratee.js"],"names":["module","exports","e","i","prototype","isSameOrBefore","this","isSame","isBefore","_path188","_path189","Hospital","children","size","rest","ref","width","height","xmlns","viewBox","fill","d","value","isObject","key","srcValue","object","undefined","Object","source","matchData","result","keys","length","customizer","index","noCustomizer","data","objValue","stack","COMPARE_PARTIAL_FLAG","path","hasFunc","isLength","isArray","isArguments","defaultValue","array","fromIndex","predicate","fromRight","comparator","values","iteratee","includes","isCommon","seen","set","outer","computed","seenIndex","push","identity"],"sourceRoot":""}

package/src/hooks/selected-date-context.ts

@@ -1,23 +0,0 @@
-import { createContext, useContext } from 'react';
-import dayjs from 'dayjs';
-import { omrsDateFormat } from '../constants';
-
-export interface SelectedDateContextProps {
-  selectedDate: string;
-  setSelectedDate: (date: string) => void;
-}
-
-export const SelectedDateContext = createContext<SelectedDateContextProps>({
-  selectedDate: dayjs().startOf('day').format(omrsDateFormat),
-  setSelectedDate: (date: string) => {},
-});
-
-export const SelectedDateContextProvider = SelectedDateContext.Provider;
-
-export const useSelectedDateContext = () => {
-  const context = useContext(SelectedDateContext);
-  if (!context) {
-    throw new Error('useSelectedDateContext must be used within a SelectedDateContextProvider');
-  }
-  return context;
-};

package/src/metrics/appointments-metrics.component.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { ErrorState, formatDate, parseDate } from '@openmrs/esm-framework';
-import { useClinicalMetrics, useAllAppointmentsByDate, useScheduledAppointments } from '../hooks/useClinicalMetrics';
-import { useAppointmentList } from '../hooks/useAppointmentList';
-import { useSelectedDateContext } from '../hooks/selected-date-context';
-import MetricsCard from './metrics-card.component';
-import MetricsHeader from './metrics-header.component';
-import styles from './appointments-metrics.scss';
-
-interface AppointmentMetricsProps {
-  appointmentServiceTypes: Array<string>;
-}
-
-const AppointmentsMetrics: React.FC<AppointmentMetricsProps> = ({ appointmentServiceTypes }) => {
-  const { t } = useTranslation();
-
-  const { highestServiceLoad, error } = useClinicalMetrics();
-  const { totalProviders } = useAllAppointmentsByDate();
-  const { totalScheduledAppointments } = useScheduledAppointments(appointmentServiceTypes);
-
-  const { selectedDate } = useSelectedDateContext();
-  const formattedStartDate = formatDate(parseDate(selectedDate), { mode: 'standard', time: false });
-
-  // TODO we will need rework these after we discuss the logic we want to use
-  const { appointmentList: arrivedAppointments } = useAppointmentList('CheckedIn');
-  const { appointmentList: pendingAppointments } = useAppointmentList('Scheduled');
-
-  const filteredArrivedAppointments = appointmentServiceTypes
-    ? arrivedAppointments.filter(({ service }) => appointmentServiceTypes.includes(service.uuid))
-    : arrivedAppointments;
-
-  const filteredPendingAppointments = appointmentServiceTypes
-    ? pendingAppointments.filter(({ service }) => appointmentServiceTypes.includes(service.uuid))
-    : pendingAppointments;
-
-  if (error) {
-    return (
-      <div className={styles.errorContainer}>
-        <ErrorState headerTitle={t('appointmentMetricsLoadError', 'Metrics load error')} error={error} />
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <MetricsHeader />
-      <section className={styles.cardContainer}>
-        <MetricsCard
-          count={{ pendingAppointments: filteredPendingAppointments, arrivedAppointments: filteredArrivedAppointments }}
-          headerLabel={t('scheduledAppointments', 'Scheduled appointments')}
-          label={t('appointments', 'Appointments')}
-          value={totalScheduledAppointments}
-        />
-        <MetricsCard
-          headerLabel={t('highestServiceVolume', 'Highest volume service: {{time}}', { time: formattedStartDate })}
-          label={
-            highestServiceLoad?.count !== 0 ? t(highestServiceLoad?.serviceName) : t('serviceName', 'Service name')
-          }
-          value={highestServiceLoad?.count ?? '--'}
-        />
-        <MetricsCard
-          headerLabel={t('providersBooked', 'Providers booked: {{time}}', { time: formattedStartDate })}
-          label={t('providers', 'Providers')}
-          value={totalProviders}
-        />
-      </section>
-    </>
-  );
-};
-
-export default AppointmentsMetrics;

package/src/metrics/appointments-metrics.scss

@@ -1,14 +0,0 @@
-@use '@carbon/colors';
-@use '@carbon/layout';
-
-.cardContainer {
-  background-color: colors.$white;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
-  gap: layout.$spacing-05;
-  margin: layout.$spacing-05;
-}
-
-.errorContainer {
-  margin: layout.$spacing-05;
-}

package/src/metrics/appointments-metrics.test.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { type FetchResponse, openmrsFetch } from '@openmrs/esm-framework';
-import { mockAppointmentMetrics, mockProvidersCount, mockStartTime } from '__mocks__';
-import AppointmentsMetrics from './appointments-metrics.component';
-
-const mockOpenmrsFetch = jest.mocked(openmrsFetch);
-
-jest.mock('../hooks/useClinicalMetrics', () => ({
-  ...jest.requireActual('../hooks/useClinicalMetrics'),
-  useClinicalMetrics: jest.fn().mockReturnValue({
-    highestServiceLoad: mockAppointmentMetrics.highestServiceLoad,
-    isLoading: mockAppointmentMetrics.isLoading,
-    error: mockAppointmentMetrics.error,
-  }),
-  useAllAppointmentsByDate: jest.fn().mockReturnValue({
-    totalProviders: mockProvidersCount.totalProviders,
-    isLoading: mockProvidersCount.isLoading,
-    error: mockProvidersCount.error,
-  }),
-  useScheduledAppointments: jest.fn().mockReturnValue({
-    totalScheduledAppointments: mockAppointmentMetrics.totalAppointments,
-  }),
-  useAppointmentDate: jest.fn().mockReturnValue({
-    startDate: mockStartTime.startTime,
-  }),
-}));
-
-describe('Appointment metrics', () => {
-  it('should render metrics cards with the correct data', async () => {
-    mockOpenmrsFetch.mockResolvedValueOnce({
-      data: [],
-    } as unknown as FetchResponse);
-
-    render(<AppointmentsMetrics appointmentServiceTypes={['consultation-service-uuid']} />);
-
-    expect(screen.getByText(/scheduled appointments/i)).toBeInTheDocument();
-    expect(screen.getByText(/^appointments$/i)).toBeInTheDocument();
-    expect(screen.getByText(/16/i)).toBeInTheDocument();
-    expect(screen.getByText(/4/i)).toBeInTheDocument();
-  });
-});

package/src/metrics/metrics-card.component.tsx

@@ -1,49 +0,0 @@
-import React, { useMemo } from 'react';
-import dayjs from 'dayjs';
-import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { useTranslation } from 'react-i18next';
-import { isEmpty } from 'lodash-es';
-import { useSelectedDateContext } from '../hooks/selected-date-context';
-import styles from './metrics-card.scss';
-dayjs.extend(isSameOrBefore);
-
-interface MetricsCardProps {
-  label: string;
-  value: number;
-  headerLabel: string;
-  count?: { pendingAppointments: Array<any>; arrivedAppointments: Array<any> };
-}
-
-const MetricsCard: React.FC<MetricsCardProps> = ({ label, value, headerLabel, count }) => {
-  const { t } = useTranslation();
-  const { selectedDate } = useSelectedDateContext();
-  const isSelectedDateInPast = useMemo(() => dayjs(selectedDate).isBefore(dayjs(), 'date'), [selectedDate]);
-
-  return (
-    <article className={styles.container}>
-      <div className={styles.tileContainer}>
-        <div className={styles.tileHeader}>
-          <div className={styles.headerLabelContainer}>
-            <span className={styles.headerLabel}>{headerLabel}</span>
-          </div>
-        </div>
-        <div className={styles.metricsGrid}>
-          <div>
-            <span className={styles.totalsLabel}>{label}</span>
-            <p className={styles.totalsValue}>{value}</p>
-          </div>
-          {!isEmpty(count) && (
-            <div className={styles.countGrid}>
-              <span>{t('checkedIn', 'Checked in')}</span>
-              <span>{isSelectedDateInPast ? t('missed', 'Missed') : t('notArrived', 'Not arrived')}</span>
-              <p style={{ color: '#22651B' }}>{count.arrivedAppointments?.length}</p>
-              <p style={{ color: '#da1e28' }}>{count.pendingAppointments?.length}</p>
-            </div>
-          )}
-        </div>
-      </div>
-    </article>
-  );
-};
-
-export default MetricsCard;