@openmrs/esm-appointments-app 10.0.3-pre.8262 → 10.0.3-pre.8285

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/3220.js +1 -1
  3. package/dist/6098.js +1 -1
  4. package/dist/6098.js.map +1 -1
  5. package/dist/7159.js +1 -1
  6. package/dist/7609.js +1 -1
  7. package/dist/9237.js +1 -1
  8. package/dist/main.js +1 -1
  9. package/dist/openmrs-esm-appointments-app.js +1 -1
  10. package/dist/openmrs-esm-appointments-app.js.buildmanifest.json +8 -8
  11. package/dist/routes.json +1 -1
  12. package/package.json +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -5,4 +5,4 @@
5
5
  │ 6098.js (1.673 MiB)
6
6
  
7
7
 
8
- Rspack compiled with 1 warning in 45.23 s
8
+ Rspack compiled with 1 warning in 41.75 s
package/dist/3220.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_openmrs_esm_appointments_app=globalThis.webpackChunk_openmrs_esm_appointments_app||[]).push([["3220"],{5902(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__appointment-tabs__appointmentList___V\\+34V{margin:1rem}.-esm-appointments__appointment-tabs__appointmentList___V\\+34V>div{background-color:#fff}.-esm-appointments__appointment-tabs__tabs___YRM5u{grid-column:span 2}.-esm-appointments__appointment-tabs__tab___cVfyB{min-width:12rem}.-esm-appointments__appointment-tabs__tab___cVfyB:active,.-esm-appointments__appointment-tabs__tab___cVfyB:focus{outline:2px solid var(--brand-03) !important}.-esm-appointments__appointment-tabs__tab___cVfyB[aria-selected=true]{box-shadow:inset 0 2px 0 0 var(--brand-03) !important}.-esm-appointments__appointment-tabs__tabPanel___Zcoyj{padding:0;margin:1rem}.-esm-appointments__appointment-tabs__calendarButton___pQ803{float:right;position:absolute;right:0;height:3rem;min-height:0}.-esm-appointments__appointment-tabs__downloadButton___33-7W{margin:1rem}.-esm-appointments__appointment-tabs__downloadButton___33-7W>button{border:1px solid #0f62fe}.-esm-appointments__appointment-tabs__downloadLink___vfa-q{text-decoration:none;color:inherit}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/appointments/appointment-tabs.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,+DACE,WC0BW,CDxBX,mEACE,qBDLI,CCSR,mDACE,kBAAA,CAGF,kDACE,eAAA,CAEA,iHAEE,4CAAA,CAGF,sEACE,qDAAA,CAIJ,uDACE,SAAA,CACA,WAAA,CAGF,6DACE,WAAA,CACA,iBAAA,CACA,OAAA,CACA,WCaW,CDZX,YAAA,CAGF,6DACE,WCZW,CDaX,oEACE,wBAAA,CAGJ,2DACE,oBAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.appointmentList {\n margin: layout.$spacing-05;\n\n & > div {\n background-color: $ui-02;\n }\n}\n\n.tabs {\n grid-column: span 2;\n}\n\n.tab {\n min-width: 12rem;\n\n &:active,\n &:focus {\n outline: 2px solid var(--brand-03) !important;\n }\n\n &[aria-selected='true'] {\n box-shadow: inset 0 2px 0 0 var(--brand-03) !important;\n }\n}\n\n.tabPanel {\n padding: 0;\n margin: layout.$spacing-05;\n}\n\n.calendarButton {\n float: right;\n position: absolute;\n right: 0;\n height: layout.$spacing-09;\n min-height: 0;\n}\n\n.downloadButton {\n margin: layout.$spacing-05;\n & > button {\n border: 1px solid colors.$blue-60;\n }\n}\n.downloadLink {\n text-decoration: none;\n color: inherit;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={appointmentList:"-esm-appointments__appointment-tabs__appointmentList___V+34V",tabs:"-esm-appointments__appointment-tabs__tabs___YRM5u",tab:"-esm-appointments__appointment-tabs__tab___cVfyB",tabPanel:"-esm-appointments__appointment-tabs__tabPanel___Zcoyj",calendarButton:"-esm-appointments__appointment-tabs__calendarButton___pQ803",downloadButton:"-esm-appointments__appointment-tabs__downloadButton___33-7W",downloadLink:"-esm-appointments__appointment-tabs__downloadLink___vfa-q"};let s=i},9322(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,".-esm-appointments__scheduled-appointments__switcher___slfHc{margin:1rem 0;max-width:70%}","",{version:3,sources:["webpack://./src/appointments/scheduled/scheduled-appointments.scss"],names:[],mappings:"AAEA,6DACE,aAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n\n.switcher {\n margin: layout.$spacing-05 0;\n max-width: 70%;\n}\n"],sourceRoot:""}]),i.locals={switcher:"-esm-appointments__scheduled-appointments__switcher___slfHc"};let s=i},4429(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__appointments-header__header___9TDaZ{background-color:#fff;border-block:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;padding-right:.5rem}.-esm-appointments__appointments-header__rightJustifiedItems___WVWV2{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;margin:0 .5rem;row-gap:.125rem}html[dir=rtl] .-esm-appointments__appointments-header__date-and-location___Fstmf>svg{order:-1}html[dir=rtl] .-esm-appointments__appointments-header__date-and-location___Fstmf>span:nth-child(2){order:-2}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/header/appointments-header.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,wDACE,qBDHM,CCIN,8BAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,mBCUW,CDPb,qEACE,YAAA,CACA,qBAAA,CACA,oBAAA,CACA,wBAAA,CACA,cAAA,CACA,eCTW,CDeT,qFACE,QAAA,CAEF,mGACE,QAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.header {\n background-color: $ui-02;\n border-block: 1px solid $ui-03;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-right: layout.$spacing-03;\n}\n\n.rightJustifiedItems {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n margin: 0 layout.$spacing-03;\n row-gap: layout.$spacing-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .date-and-location {\n & > svg {\n order: -1;\n }\n & > span:nth-child(2) {\n order: -2;\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={header:"-esm-appointments__appointments-header__header___9TDaZ",rightJustifiedItems:"-esm-appointments__appointments-header__rightJustifiedItems___WVWV2","date-and-location":"-esm-appointments__appointments-header__date-and-location___Fstmf"};let s=i},8104(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__metrics-container__cardContainer___PR1\\+O{background-color:#fff;display:flex;padding:0 1rem 2rem 1rem;flex-flow:row wrap;margin-top:-0.5rem;gap:1rem}.-esm-appointments__metrics-container__cardContainer___PR1\\+O>*{flex:1 0 0%;min-width:18.75rem}@media(max-width: 20.75rem){.-esm-appointments__metrics-container__cardContainer___PR1\\+O>*:has(.cardWithChildren){order:999}}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/metrics/metrics-container.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,8DACE,qBDDM,CCEN,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,kBAAA,CACA,QCsBW,CDnBb,gEACE,WAAA,CACA,kBAAA,CAGF,4BACE,uFACE,SAAA,CAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.cardContainer {\n background-color: $ui-02;\n display: flex;\n padding: 0 layout.$spacing-05 layout.$spacing-07 layout.$spacing-05;\n flex-flow: row wrap;\n margin-top: -(layout.$spacing-03);\n gap: layout.$spacing-05;\n}\n\n.cardContainer > * {\n flex: 1 0 0%;\n min-width: 18.75rem;\n}\n\n@media (max-width: calc(layout.$spacing-05 * 2 + 18.75rem)) {\n .cardContainer > *:has(:global(.cardWithChildren)) {\n order: 999;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={cardContainer:"-esm-appointments__metrics-container__cardContainer___PR1+O"};let s=i},5148(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__metrics-header__metricsContainer___OG6Ft{display:flex;background-color:#fff;height:4rem;align-items:center;padding:0 1rem}.-esm-appointments__metrics-header__link___IyBdE{text-decoration:none;display:flex;align-items:center}.-esm-appointments__metrics-header__viewListBtn___wSvwo{margin:0 0 0 .5rem}.-esm-appointments__metrics-header__metricsContent___2Gebb{display:flex;align-items:center;gap:1rem;margin-left:auto}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/metrics/metrics-header.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,6DACE,YAAA,CACA,qBDHM,CCIN,WCiDW,CDhDX,kBAAA,CACA,cAAA,CAGF,iDACE,oBAAA,CACA,YAAA,CACA,kBAAA,CAGF,wDACE,kBAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,QCMW,CDLX,gBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.metricsContainer {\n display: flex;\n background-color: $ui-02;\n height: layout.$spacing-10;\n align-items: center;\n padding: 0 layout.$spacing-05;\n}\n\n.link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.viewListBtn {\n margin: 0 0 0 layout.$spacing-03;\n}\n\n.metricsContent {\n display: flex;\n align-items: center;\n gap: layout.$spacing-05;\n margin-left: auto;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={metricsContainer:"-esm-appointments__metrics-header__metricsContainer___OG6Ft",link:"-esm-appointments__metrics-header__link___IyBdE",viewListBtn:"-esm-appointments__metrics-header__viewListBtn___wSvwo",metricsContent:"-esm-appointments__metrics-header__metricsContent___2Gebb"};let s=i},6735(n,e,a){a.r(e),a.d(e,{default:()=>nc});var t=a(7125),r=a.n(t),o=a(5921),i=a(2745),s=a(6178),c=a(2735),p=a(3464),l=a.n(p),d=a(515),u=a.n(d),m=a(3639),b=a(5845),g=a(9082),A=a(1947),f=a(2591),y=a.n(f),h=a(1740),$=a.n(h),_=a(8128),v=a.n(_),C=a(855),k=a.n(C),w=a(3051),x=a.n(w),E=a(3656),N=a.n(E),B=a(9322),T={};T.styleTagTransform=N(),T.setAttributes=k(),T.insert=v().bind(null,"head"),T.domAPI=$(),T.insertStyleElement=x(),y()(B.A,T);let D=B.A&&B.A.locals?B.A.locals:void 0;l().extend(u());let S=function(){var n=(0,o.useTranslation)().t,e=(0,m.nS)().appointmentServiceTypes,a=(0,A.h)(),t=(0,b.H)(a),i=t.appointmentList,s=t.isLoading,p=t.error,l=e.length>0?i.filter(function(n){var a=n.service;return e.includes(a.uuid)}):i;(0,c.useDefineAppContext)("appointments",{appointmentForSelectedDateFilteredByServiceTypes:l,isLoading:s,error:p});var d=(0,c.formatDate)((0,c.parseDate)(a),{mode:"standard",time:!1});return r().createElement("div",{className:D.container},r().createElement(g.A,{appointments:l,isLoading:s,tableHeading:n("appointmentsForDate","Appointments for: {{date}}",{date:d})}))};var I=a(8622),O=a(1123),P=a(7488),L=a(8755),F=a(9224);function M(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=Array(e);a<e;a++)t[a]=n[a];return t}function W(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var a,t,r=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var o=[],i=!0,s=!1;try{for(r=r.call(n);!(i=(a=r.next()).done)&&(o.push(a.value),!e||o.length!==e);i=!0);}catch(n){s=!0,t=n}finally{try{i||null==r.return||r.return()}finally{if(s)throw t}}return o}}(n,e)||function(n,e){if(n){if("string"==typeof n)return M(n,e);var a=Object.prototype.toString.call(n).slice(8,-1);if("Object"===a&&n.constructor&&(a=n.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return M(n,e)}}(n,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.")}()}let j=function(){var n,e,a,i,p,l,d,u,m,b=(0,o.useTranslation)().t,g=W((0,t.useState)(25),2),f=g[0],y=g[1],h=W((0,t.useState)(""),2),$=h[0],_=h[1],v=(e=(0,A.h)(),a="".concat(c.restBaseUrl,"/appointment/unScheduledAppointment?forDate=").concat(e),p=(i=(0,O.Ay)(a,c.openmrsFetch,{errorRetryCount:2})).data,l=i.error,{isLoading:i.isLoading,data:null!=(d=null==p||null==(n=p.data)?void 0:n.map(function(n){var e,a;return{name:(e=n).name,identifier:null==e||null==(a=e.identifiers)?void 0:a.find(function(n){return n.identifierName===P.Q.patientIdentifierType._default}).identifier,dateTime:null==e?void 0:e.visit.startDateTime,gender:e.gender,phoneNumber:e.phoneNumber,age:e.age,uuid:e.uuid}}))?d:[],error:l}),C=v.data,k=v.isLoading;v.error;var w=(0,F.WB)(C,$),x=(0,c.useConfig)().customPatientChartUrl,E=(0,c.usePagination)(w,f),N=E.results,B=E.currentPage,T=E.goTo,D=null==N?void 0:N.map(function(n){return{id:"".concat(n.uuid),name:r().createElement(c.ConfigurableLink,{style:{textDecoration:"none"},to:x,templateParams:{patientUuid:n.uuid}},n.name),gender:"F"===n.gender?"Female":"Male",phoneNumber:""===n.phoneNumber?"--":n.phoneNumber,identifier:null==n?void 0:n.identifier}});return k?r().createElement(s.OOb,null):(null==C?void 0:C.length)?r().createElement("div",null,r().createElement(s.bQt,{rows:D,headers:[{header:"Patient Name",key:"name"},{header:"Identifier",key:"identifier"},{header:"Gender",key:"gender"},{header:"Phone Number",key:"phoneNumber"}],isSortable:!0},function(n){var e,a=n.rows,t=n.headers,o=n.getHeaderProps,i=n.getTableProps;return r().createElement(s.K3K,{title:"".concat(b("unscheduledAppointments","Unscheduled appointments")," ").concat(C.length),description:"".concat(b("Total ".concat(null!=(e=C.length)?e:0)))},r().createElement(s.e1U,null,r().createElement(s.VbH,null,r().createElement(s.w6V,{style:{backgroundColor:"#f4f4f4"},tabIndex:0,onChange:function(n,e){return _(null!=e?e:"")}}),r().createElement(s.$nd,{size:"lg",kind:"tertiary",renderIcon:I.f5,onClick:function(){return(0,L.K)(C)}},b("download","Download")))),r().createElement(s.XIK,i(),r().createElement(s.ndF,null,r().createElement(s.Hjg,null,t.map(function(n){return r().createElement(s.A0N,o({header:n}),n.header)}))),r().createElement(s.BFY,null,a.map(function(n){return r().createElement(s.Hjg,{key:n.id},n.cells.map(function(n){return r().createElement(s.nA6,{key:n.id},n.value)}))}))))}),r().createElement(s.dKS,{backwardText:"Previous page",forwardText:"Next page",page:B,pageNumberText:"Page Number",pageSize:f,onChange:function(n){var e=n.page,a=n.pageSize;T(e),y(a)},pageSizes:null!=(u=(0,F.uB)(C,f))?u:[],totalItems:null!=(m=C.length)?m:0})):r().createElement(c.EmptyCard,{displayText:b("unscheduledAppointments_lower","unscheduled appointments"),headerTitle:b("unscheduledAppointments","Unscheduled appointments")})};var G=a(256),Y=a(5902),V={};V.styleTagTransform=N(),V.setAttributes=k(),V.insert=v().bind(null,"head"),V.domAPI=$(),V.insertStyleElement=x(),y()(Y.A,V);let H=Y.A&&Y.A.locals?Y.A.locals:void 0;function R(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=Array(e);a<e;a++)t[a]=n[a];return t}let U=function(){var n,e=(0,o.useTranslation)().t,a=(0,c.useConfig)(),i=a.showUnscheduledAppointmentsTab,p=a.showEarlyAppointmentsTab,l=function(n){if(Array.isArray(n))return n}(n=(0,t.useState)(0))||function(n){var e,a,t=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r=[],o=!0,i=!1;try{for(t=t.call(n);!(o=(e=t.next()).done)&&(r.push(e.value),2!==r.length);o=!0);}catch(n){i=!0,a=n}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}(n)||function(n){if(n){if("string"==typeof n)return R(n,2);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return R(n,2)}}(n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),d=l[0],u=l[1],m=[{label:e("scheduled","Scheduled"),component:r().createElement(S,null)}];return i&&m.push({label:e("unscheduled","Unscheduled"),component:r().createElement(j,null)}),p&&m.push({label:e("early","Early"),component:r().createElement(G.default,null)}),r().createElement("div",{className:H.appointmentList,"data-testid":"appointment-list"},m.length>1?r().createElement("div",{className:H.tabs},r().createElement(s.tUM,{selectedIndex:d,onChange:function(n){u(n.selectedIndex)}},r().createElement(s.wbY,{style:{paddingLeft:"1rem"},"aria-label":"Appointment tabs",contained:!0},m.map(function(n){return r().createElement(s.ozo,{key:n.label,className:H.tab},n.label)})),r().createElement(s.T2N,null,m.map(function(n){return r().createElement(s.KpK,{key:n.label,className:H.tabPanel},n.component)})))):r().createElement(S,null))};var z=a(291),q=a(5602),K=a.n(q),Q=a(8466),J=a(3760),X=a(7003),Z=a(5148),nn={};nn.styleTagTransform=N(),nn.setAttributes=k(),nn.insert=v().bind(null,"head"),nn.domAPI=$(),nn.insertStyleElement=x(),y()(Z.A,nn);let ne=Z.A&&Z.A.locals?Z.A.locals:void 0;var na=a(8423);l().extend(K());let nt=function(){var n=(0,o.useTranslation)().t,e=(0,A.h)(),a=(0,c.useLayoutType)(),t=(0,c.isDesktop)(a)?"sm":"md";return r().createElement("div",{className:ne.metricsContainer},r().createElement("div",{className:ne.metricsContent},r().createElement(s.$nd,{kind:"tertiary",renderIcon:Q.Vv,size:t,onClick:function(){return(0,c.navigate)({to:"".concat(X.lw,"/appointments/calendar/").concat(l()(e).format("YYYY-MM-DD"))})}},n("appointmentsCalendar","Appointments calendar")),r().createElement(s.$nd,{kind:"primary",renderIcon:function(n){return r().createElement(J.vg,function(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),t.forEach(function(e){var t;t=a[e],e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t})}return n}({size:32},n))},size:t,onClick:function(){return(0,na.Xz)(n)}},n("createNewAppointment","Create new appointment"))))};var nr=a(8104),no={};no.styleTagTransform=N(),no.setAttributes=k(),no.insert=v().bind(null,"head"),no.domAPI=$(),no.insertStyleElement=x(),y()(nr.A,no);let ni=nr.A&&nr.A.locals?nr.A.locals:void 0,ns=function(){return r().createElement(r().Fragment,null,r().createElement(nt,null),r().createElement(c.ExtensionSlot,{name:"appointments-metrics-slot",className:ni.cardContainer}))},nc=function(){var n=(0,o.useTranslation)().t,e=(0,m.nS)().setAppointmentServiceTypes,a=(0,i.useParams)();return(0,t.useEffect)(function(){a.serviceType&&e([a.serviceType])},[a.serviceType,e]),r().createElement(r().Fragment,null,r().createElement(z.A,{title:n("appointments","Appointments"),showServiceTypeFilter:!0}),r().createElement(ns,null),r().createElement(U,null))}},256(n,e,a){a.r(e),a.d(e,{default:()=>d});var t=a(7125),r=a.n(t),o=a(5921),i=a(9224),s=a(5845),c=a(9082),p=a(3639),l=a(1947);let d=function(){var n=(0,o.useTranslation)().t,e=(0,p.nS)().appointmentServiceTypes,a=(0,l.h)(),t=(0,s.M)(a),d=t.earlyAppointmentList,u=t.isLoading,m=(0,i.Bm)(d,e).map(function(n,e){return function(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),t.forEach(function(e){var t;t=a[e],e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t})}return n}({id:"".concat(e)},n)});return r().createElement(c.A,{appointments:m,isLoading:u,tableHeading:n("cameEarly","Came Early")})}},291(n,e,a){a.d(e,{A:()=>B});var t=a(7125),r=a.n(t),o=a(3464),i=a.n(o),s=a(5921),c=a(2745),p=a(6178),l=a(2735),d=a(1123),u=a(1947),m=a(3639),b=a(2591),g=a.n(b),A=a(1740),f=a.n(A),y=a(8128),h=a.n(y),$=a(855),_=a.n($),v=a(3051),C=a.n(v),k=a(3656),w=a.n(k),x=a(4429),E={};E.styleTagTransform=w(),E.setAttributes=_(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=C(),g()(x.A,E);let N=x.A&&x.A.locals?x.A.locals:void 0,B=function(n){var e,a,o,b,g,A=n.title,f=n.showServiceTypeFilter,y=(0,s.useTranslation)().t,h=(0,c.useNavigate)(),$=(0,c.useLocation)(),_=(0,m.nS)(),v=_.appointmentServiceTypes,C=_.setAppointmentServiceTypes,k=(o=(a=(0,d.Ay)("".concat(l.restBaseUrl,"/appointmentService/all/default"),l.openmrsFetch)).data,b=a.error,g=a.isLoading,{serviceTypes:null!=(e=null==o?void 0:o.data)?e:[],isLoading:g,error:b}).serviceTypes,w=(0,u.h)(),x=(0,t.useMemo)(function(){return i()(w).toDate()},[w]),E=(0,t.useCallback)(function(n){C(n.selectedItems.map(function(n){return n.id}))},[C]),B=(0,t.useMemo)(function(){var n;return null!=(n=null==k?void 0:k.map(function(n){return{id:n.uuid,label:n.name}}))?n:[]},[k]);return r().createElement(l.PageHeader,{className:N.header,"data-testid":"appointments-header"},r().createElement(l.PageHeaderContent,{illustration:r().createElement(l.AppointmentsPictogram,null),title:A}),r().createElement("div",{className:N.rightJustifiedItems},r().createElement(l.OpenmrsDatePicker,{"data-testid":"appointment-date-picker",id:"appointment-date-picker","aria-label":y("appointmentDate","Appointment date"),onChange:function(n){if(n){var e="/".concat(i()(n).format("YYYY-MM-DD"));$.pathname.endsWith(e)||h(e)}},value:x}),f&&r().createElement(p.KFt,{id:"serviceTypeMultiSelect",items:B,itemToString:function(n){return n?n.label:""},label:y("filterAppointmentsByServiceType","Filter appointments by service type"),onChange:E,type:"inline",selectedItems:B.filter(function(n){return v.includes(n.id)})})))}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_appointments_app=globalThis.webpackChunk_openmrs_esm_appointments_app||[]).push([["3220"],{5902(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__appointment-tabs__appointmentList___V\\+34V{margin:1rem}.-esm-appointments__appointment-tabs__appointmentList___V\\+34V>div{background-color:#fff}.-esm-appointments__appointment-tabs__tabs___YRM5u{grid-column:span 2}.-esm-appointments__appointment-tabs__tab___cVfyB{min-width:12rem}.-esm-appointments__appointment-tabs__tab___cVfyB:active,.-esm-appointments__appointment-tabs__tab___cVfyB:focus{outline:2px solid var(--brand-03) !important}.-esm-appointments__appointment-tabs__tab___cVfyB[aria-selected=true]{box-shadow:inset 0 2px 0 0 var(--brand-03) !important}.-esm-appointments__appointment-tabs__tabPanel___Zcoyj{padding:0;margin:1rem}.-esm-appointments__appointment-tabs__calendarButton___pQ803{float:right;position:absolute;right:0;height:3rem;min-height:0}.-esm-appointments__appointment-tabs__downloadButton___33-7W{margin:1rem}.-esm-appointments__appointment-tabs__downloadButton___33-7W>button{border:1px solid #0f62fe}.-esm-appointments__appointment-tabs__downloadLink___vfa-q{text-decoration:none;color:inherit}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/appointments/appointment-tabs.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,+DACE,WC0BW,CDxBX,mEACE,qBDLI,CCSR,mDACE,kBAAA,CAGF,kDACE,eAAA,CAEA,iHAEE,4CAAA,CAGF,sEACE,qDAAA,CAIJ,uDACE,SAAA,CACA,WAAA,CAGF,6DACE,WAAA,CACA,iBAAA,CACA,OAAA,CACA,WCaW,CDZX,YAAA,CAGF,6DACE,WCZW,CDaX,oEACE,wBAAA,CAGJ,2DACE,oBAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.appointmentList {\n margin: layout.$spacing-05;\n\n & > div {\n background-color: $ui-02;\n }\n}\n\n.tabs {\n grid-column: span 2;\n}\n\n.tab {\n min-width: 12rem;\n\n &:active,\n &:focus {\n outline: 2px solid var(--brand-03) !important;\n }\n\n &[aria-selected='true'] {\n box-shadow: inset 0 2px 0 0 var(--brand-03) !important;\n }\n}\n\n.tabPanel {\n padding: 0;\n margin: layout.$spacing-05;\n}\n\n.calendarButton {\n float: right;\n position: absolute;\n right: 0;\n height: layout.$spacing-09;\n min-height: 0;\n}\n\n.downloadButton {\n margin: layout.$spacing-05;\n & > button {\n border: 1px solid colors.$blue-60;\n }\n}\n.downloadLink {\n text-decoration: none;\n color: inherit;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={appointmentList:"-esm-appointments__appointment-tabs__appointmentList___V+34V",tabs:"-esm-appointments__appointment-tabs__tabs___YRM5u",tab:"-esm-appointments__appointment-tabs__tab___cVfyB",tabPanel:"-esm-appointments__appointment-tabs__tabPanel___Zcoyj",calendarButton:"-esm-appointments__appointment-tabs__calendarButton___pQ803",downloadButton:"-esm-appointments__appointment-tabs__downloadButton___33-7W",downloadLink:"-esm-appointments__appointment-tabs__downloadLink___vfa-q"};let s=i},9322(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,".-esm-appointments__scheduled-appointments__switcher___slfHc{margin:1rem 0;max-width:70%}","",{version:3,sources:["webpack://./src/appointments/scheduled/scheduled-appointments.scss"],names:[],mappings:"AAEA,6DACE,aAAA,CACA,aAAA",sourcesContent:["@use '@carbon/layout';\n\n.switcher {\n margin: layout.$spacing-05 0;\n max-width: 70%;\n}\n"],sourceRoot:""}]),i.locals={switcher:"-esm-appointments__scheduled-appointments__switcher___slfHc"};let s=i},4429(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__appointments-header__header___9TDaZ{background-color:#fff;border-block:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;padding-right:.5rem}.-esm-appointments__appointments-header__rightJustifiedItems___WVWV2{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;margin:0 .5rem;row-gap:.125rem}html[dir=rtl] .-esm-appointments__appointments-header__date-and-location___Fstmf>svg{order:-1}html[dir=rtl] .-esm-appointments__appointments-header__date-and-location___Fstmf>span:nth-child(2){order:-2}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/header/appointments-header.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,wDACE,qBDHM,CCIN,8BAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,mBCUW,CDPb,qEACE,YAAA,CACA,qBAAA,CACA,oBAAA,CACA,wBAAA,CACA,cAAA,CACA,eCTW,CDeT,qFACE,QAAA,CAEF,mGACE,QAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.header {\n background-color: $ui-02;\n border-block: 1px solid $ui-03;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-right: layout.$spacing-03;\n}\n\n.rightJustifiedItems {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n margin: 0 layout.$spacing-03;\n row-gap: layout.$spacing-01;\n}\n\n// Overriding styles for RTL support\nhtml[dir='rtl'] {\n .date-and-location {\n & > svg {\n order: -1;\n }\n & > span:nth-child(2) {\n order: -2;\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={header:"-esm-appointments__appointments-header__header___9TDaZ",rightJustifiedItems:"-esm-appointments__appointments-header__rightJustifiedItems___WVWV2","date-and-location":"-esm-appointments__appointments-header__date-and-location___Fstmf"};let s=i},8104(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__metrics-container__cardContainer___PR1\\+O{background-color:#fff;display:flex;padding:0 1rem 2rem 1rem;flex-flow:row wrap;margin-top:-0.5rem;gap:1rem}.-esm-appointments__metrics-container__cardContainer___PR1\\+O>*{flex:1 0 0%;min-width:18.75rem}@media(max-width: 20.75rem){.-esm-appointments__metrics-container__cardContainer___PR1\\+O>*:has(.cardWithChildren){order:999}}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/metrics/metrics-container.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CC1DF,8DACE,qBDDM,CCEN,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,kBAAA,CACA,QCsBW,CDnBb,gEACE,WAAA,CACA,kBAAA,CAGF,4BACE,uFACE,SAAA,CAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.cardContainer {\n background-color: $ui-02;\n display: flex;\n padding: 0 layout.$spacing-05 layout.$spacing-07 layout.$spacing-05;\n flex-flow: row wrap;\n margin-top: -(layout.$spacing-03);\n gap: layout.$spacing-05;\n}\n\n.cardContainer > * {\n flex: 1 0 0%;\n min-width: 18.75rem;\n}\n\n@media (max-width: calc(layout.$spacing-05 * 2 + 18.75rem)) {\n .cardContainer > *:has(:global(.cardWithChildren)) {\n order: 999;\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={cardContainer:"-esm-appointments__metrics-container__cardContainer___PR1+O"};let s=i},5148(n,e,a){a.d(e,{A:()=>s});var t=a(1452),r=a.n(t),o=a(4567),i=a.n(o)()(r());i.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-appointments__metrics-header__metricsContainer___OG6Ft{display:flex;background-color:#fff;height:4rem;align-items:center;padding:0 1rem}.-esm-appointments__metrics-header__link___IyBdE{text-decoration:none;display:flex;align-items:center}.-esm-appointments__metrics-header__viewListBtn___wSvwo{margin:0 0 0 .5rem}.-esm-appointments__metrics-header__metricsContent___2Gebb{display:flex;align-items:center;gap:1rem;margin-left:auto}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/metrics/metrics-header.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,6DACE,YAAA,CACA,qBDHM,CCIN,WCiDW,CDhDX,kBAAA,CACA,cAAA,CAGF,iDACE,oBAAA,CACA,YAAA,CACA,kBAAA,CAGF,wDACE,kBAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,QCMW,CDLX,gBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.metricsContainer {\n display: flex;\n background-color: $ui-02;\n height: layout.$spacing-10;\n align-items: center;\n padding: 0 layout.$spacing-05;\n}\n\n.link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.viewListBtn {\n margin: 0 0 0 layout.$spacing-03;\n}\n\n.metricsContent {\n display: flex;\n align-items: center;\n gap: layout.$spacing-05;\n margin-left: auto;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),i.locals={metricsContainer:"-esm-appointments__metrics-header__metricsContainer___OG6Ft",link:"-esm-appointments__metrics-header__link___IyBdE",viewListBtn:"-esm-appointments__metrics-header__viewListBtn___wSvwo",metricsContent:"-esm-appointments__metrics-header__metricsContent___2Gebb"};let s=i},6735(n,e,a){a.r(e),a.d(e,{default:()=>nc});var t=a(7125),r=a.n(t),o=a(5921),i=a(2745),s=a(6178),c=a(2735),p=a(3464),l=a.n(p),d=a(515),u=a.n(d),m=a(3639),b=a(8226),g=a(9082),A=a(1947),f=a(2591),y=a.n(f),h=a(1740),$=a.n(h),_=a(8128),v=a.n(_),C=a(855),k=a.n(C),w=a(3051),x=a.n(w),E=a(3656),N=a.n(E),B=a(9322),T={};T.styleTagTransform=N(),T.setAttributes=k(),T.insert=v().bind(null,"head"),T.domAPI=$(),T.insertStyleElement=x(),y()(B.A,T);let D=B.A&&B.A.locals?B.A.locals:void 0;l().extend(u());let S=function(){var n=(0,o.useTranslation)().t,e=(0,m.nS)().appointmentServiceTypes,a=(0,A.h)(),t=(0,b.H)(a),i=t.appointmentList,s=t.isLoading,p=t.error,l=e.length>0?i.filter(function(n){var a=n.service;return e.includes(a.uuid)}):i;(0,c.useDefineAppContext)("appointments",{appointmentForSelectedDateFilteredByServiceTypes:l,isLoading:s,error:p});var d=(0,c.formatDate)((0,c.parseDate)(a),{mode:"standard",time:!1});return r().createElement("div",{className:D.container},r().createElement(g.A,{appointments:l,isLoading:s,tableHeading:n("appointmentsForDate","Appointments for: {{date}}",{date:d})}))};var I=a(8622),O=a(1123),P=a(7488),L=a(8755),F=a(9224);function M(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=Array(e);a<e;a++)t[a]=n[a];return t}function W(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var a,t,r=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var o=[],i=!0,s=!1;try{for(r=r.call(n);!(i=(a=r.next()).done)&&(o.push(a.value),!e||o.length!==e);i=!0);}catch(n){s=!0,t=n}finally{try{i||null==r.return||r.return()}finally{if(s)throw t}}return o}}(n,e)||function(n,e){if(n){if("string"==typeof n)return M(n,e);var a=Object.prototype.toString.call(n).slice(8,-1);if("Object"===a&&n.constructor&&(a=n.constructor.name),"Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return M(n,e)}}(n,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.")}()}let j=function(){var n,e,a,i,p,l,d,u,m,b=(0,o.useTranslation)().t,g=W((0,t.useState)(25),2),f=g[0],y=g[1],h=W((0,t.useState)(""),2),$=h[0],_=h[1],v=(e=(0,A.h)(),a="".concat(c.restBaseUrl,"/appointment/unScheduledAppointment?forDate=").concat(e),p=(i=(0,O.Ay)(a,c.openmrsFetch,{errorRetryCount:2})).data,l=i.error,{isLoading:i.isLoading,data:null!=(d=null==p||null==(n=p.data)?void 0:n.map(function(n){var e,a;return{name:(e=n).name,identifier:null==e||null==(a=e.identifiers)?void 0:a.find(function(n){return n.identifierName===P.Q.patientIdentifierType._default}).identifier,dateTime:null==e?void 0:e.visit.startDateTime,gender:e.gender,phoneNumber:e.phoneNumber,age:e.age,uuid:e.uuid}}))?d:[],error:l}),C=v.data,k=v.isLoading;v.error;var w=(0,F.WB)(C,$),x=(0,c.useConfig)().customPatientChartUrl,E=(0,c.usePagination)(w,f),N=E.results,B=E.currentPage,T=E.goTo,D=null==N?void 0:N.map(function(n){return{id:"".concat(n.uuid),name:r().createElement(c.ConfigurableLink,{style:{textDecoration:"none"},to:x,templateParams:{patientUuid:n.uuid}},n.name),gender:"F"===n.gender?"Female":"Male",phoneNumber:""===n.phoneNumber?"--":n.phoneNumber,identifier:null==n?void 0:n.identifier}});return k?r().createElement(s.OOb,null):(null==C?void 0:C.length)?r().createElement("div",null,r().createElement(s.bQt,{rows:D,headers:[{header:"Patient Name",key:"name"},{header:"Identifier",key:"identifier"},{header:"Gender",key:"gender"},{header:"Phone Number",key:"phoneNumber"}],isSortable:!0},function(n){var e,a=n.rows,t=n.headers,o=n.getHeaderProps,i=n.getTableProps;return r().createElement(s.K3K,{title:"".concat(b("unscheduledAppointments","Unscheduled appointments")," ").concat(C.length),description:"".concat(b("Total ".concat(null!=(e=C.length)?e:0)))},r().createElement(s.e1U,null,r().createElement(s.VbH,null,r().createElement(s.w6V,{style:{backgroundColor:"#f4f4f4"},tabIndex:0,onChange:function(n,e){return _(null!=e?e:"")}}),r().createElement(s.$nd,{size:"lg",kind:"tertiary",renderIcon:I.f5,onClick:function(){return(0,L.K)(C)}},b("download","Download")))),r().createElement(s.XIK,i(),r().createElement(s.ndF,null,r().createElement(s.Hjg,null,t.map(function(n){return r().createElement(s.A0N,o({header:n}),n.header)}))),r().createElement(s.BFY,null,a.map(function(n){return r().createElement(s.Hjg,{key:n.id},n.cells.map(function(n){return r().createElement(s.nA6,{key:n.id},n.value)}))}))))}),r().createElement(s.dKS,{backwardText:"Previous page",forwardText:"Next page",page:B,pageNumberText:"Page Number",pageSize:f,onChange:function(n){var e=n.page,a=n.pageSize;T(e),y(a)},pageSizes:null!=(u=(0,F.uB)(C,f))?u:[],totalItems:null!=(m=C.length)?m:0})):r().createElement(c.EmptyCard,{displayText:b("unscheduledAppointments_lower","unscheduled appointments"),headerTitle:b("unscheduledAppointments","Unscheduled appointments")})};var G=a(256),Y=a(5902),V={};V.styleTagTransform=N(),V.setAttributes=k(),V.insert=v().bind(null,"head"),V.domAPI=$(),V.insertStyleElement=x(),y()(Y.A,V);let H=Y.A&&Y.A.locals?Y.A.locals:void 0;function R(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=Array(e);a<e;a++)t[a]=n[a];return t}let U=function(){var n,e=(0,o.useTranslation)().t,a=(0,c.useConfig)(),i=a.showUnscheduledAppointmentsTab,p=a.showEarlyAppointmentsTab,l=function(n){if(Array.isArray(n))return n}(n=(0,t.useState)(0))||function(n){var e,a,t=null==n?null:"u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r=[],o=!0,i=!1;try{for(t=t.call(n);!(o=(e=t.next()).done)&&(r.push(e.value),2!==r.length);o=!0);}catch(n){i=!0,a=n}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}(n)||function(n){if(n){if("string"==typeof n)return R(n,2);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return R(n,2)}}(n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),d=l[0],u=l[1],m=[{label:e("scheduled","Scheduled"),component:r().createElement(S,null)}];return i&&m.push({label:e("unscheduled","Unscheduled"),component:r().createElement(j,null)}),p&&m.push({label:e("early","Early"),component:r().createElement(G.default,null)}),r().createElement("div",{className:H.appointmentList,"data-testid":"appointment-list"},m.length>1?r().createElement("div",{className:H.tabs},r().createElement(s.tUM,{selectedIndex:d,onChange:function(n){u(n.selectedIndex)}},r().createElement(s.wbY,{style:{paddingLeft:"1rem"},"aria-label":"Appointment tabs",contained:!0},m.map(function(n){return r().createElement(s.ozo,{key:n.label,className:H.tab},n.label)})),r().createElement(s.T2N,null,m.map(function(n){return r().createElement(s.KpK,{key:n.label,className:H.tabPanel},n.component)})))):r().createElement(S,null))};var z=a(291),q=a(5602),K=a.n(q),Q=a(8466),J=a(3760),X=a(7003),Z=a(5148),nn={};nn.styleTagTransform=N(),nn.setAttributes=k(),nn.insert=v().bind(null,"head"),nn.domAPI=$(),nn.insertStyleElement=x(),y()(Z.A,nn);let ne=Z.A&&Z.A.locals?Z.A.locals:void 0;var na=a(8423);l().extend(K());let nt=function(){var n=(0,o.useTranslation)().t,e=(0,A.h)(),a=(0,c.useLayoutType)(),t=(0,c.isDesktop)(a)?"sm":"md";return r().createElement("div",{className:ne.metricsContainer},r().createElement("div",{className:ne.metricsContent},r().createElement(s.$nd,{kind:"tertiary",renderIcon:Q.Vv,size:t,onClick:function(){return(0,c.navigate)({to:"".concat(X.lw,"/appointments/calendar/").concat(l()(e).format("YYYY-MM-DD"))})}},n("appointmentsCalendar","Appointments calendar")),r().createElement(s.$nd,{kind:"primary",renderIcon:function(n){return r().createElement(J.vg,function(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),t.forEach(function(e){var t;t=a[e],e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t})}return n}({size:32},n))},size:t,onClick:function(){return(0,na.Xz)(n)}},n("createNewAppointment","Create new appointment"))))};var nr=a(8104),no={};no.styleTagTransform=N(),no.setAttributes=k(),no.insert=v().bind(null,"head"),no.domAPI=$(),no.insertStyleElement=x(),y()(nr.A,no);let ni=nr.A&&nr.A.locals?nr.A.locals:void 0,ns=function(){return r().createElement(r().Fragment,null,r().createElement(nt,null),r().createElement(c.ExtensionSlot,{name:"appointments-metrics-slot",className:ni.cardContainer}))},nc=function(){var n=(0,o.useTranslation)().t,e=(0,m.nS)().setAppointmentServiceTypes,a=(0,i.useParams)();return(0,t.useEffect)(function(){a.serviceType&&e([a.serviceType])},[a.serviceType,e]),r().createElement(r().Fragment,null,r().createElement(z.A,{title:n("appointments","Appointments"),showServiceTypeFilter:!0}),r().createElement(ns,null),r().createElement(U,null))}},256(n,e,a){a.r(e),a.d(e,{default:()=>d});var t=a(7125),r=a.n(t),o=a(5921),i=a(9224),s=a(8226),c=a(9082),p=a(3639),l=a(1947);let d=function(){var n=(0,o.useTranslation)().t,e=(0,p.nS)().appointmentServiceTypes,a=(0,l.h)(),t=(0,s.M)(a),d=t.earlyAppointmentList,u=t.isLoading,m=(0,i.Bm)(d,e).map(function(n,e){return function(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),t.forEach(function(e){var t;t=a[e],e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t})}return n}({id:"".concat(e)},n)});return r().createElement(c.A,{appointments:m,isLoading:u,tableHeading:n("cameEarly","Came Early")})}},291(n,e,a){a.d(e,{A:()=>B});var t=a(7125),r=a.n(t),o=a(3464),i=a.n(o),s=a(5921),c=a(2745),p=a(6178),l=a(2735),d=a(1123),u=a(1947),m=a(3639),b=a(2591),g=a.n(b),A=a(1740),f=a.n(A),y=a(8128),h=a.n(y),$=a(855),_=a.n($),v=a(3051),C=a.n(v),k=a(3656),w=a.n(k),x=a(4429),E={};E.styleTagTransform=w(),E.setAttributes=_(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=C(),g()(x.A,E);let N=x.A&&x.A.locals?x.A.locals:void 0,B=function(n){var e,a,o,b,g,A=n.title,f=n.showServiceTypeFilter,y=(0,s.useTranslation)().t,h=(0,c.useNavigate)(),$=(0,c.useLocation)(),_=(0,m.nS)(),v=_.appointmentServiceTypes,C=_.setAppointmentServiceTypes,k=(o=(a=(0,d.Ay)("".concat(l.restBaseUrl,"/appointmentService/all/default"),l.openmrsFetch)).data,b=a.error,g=a.isLoading,{serviceTypes:null!=(e=null==o?void 0:o.data)?e:[],isLoading:g,error:b}).serviceTypes,w=(0,u.h)(),x=(0,t.useMemo)(function(){return i()(w).toDate()},[w]),E=(0,t.useCallback)(function(n){C(n.selectedItems.map(function(n){return n.id}))},[C]),B=(0,t.useMemo)(function(){var n;return null!=(n=null==k?void 0:k.map(function(n){return{id:n.uuid,label:n.name}}))?n:[]},[k]);return r().createElement(l.PageHeader,{className:N.header,"data-testid":"appointments-header"},r().createElement(l.PageHeaderContent,{illustration:r().createElement(l.AppointmentsPictogram,null),title:A}),r().createElement("div",{className:N.rightJustifiedItems},r().createElement(l.OpenmrsDatePicker,{"data-testid":"appointment-date-picker",id:"appointment-date-picker","aria-label":y("appointmentDate","Appointment date"),onChange:function(n){if(n){var e="/".concat(i()(n).format("YYYY-MM-DD"));$.pathname.endsWith(e)||h(e)}},value:x}),f&&r().createElement(p.KFt,{id:"serviceTypeMultiSelect",items:B,itemToString:function(n){return n?n.label:""},label:y("filterAppointmentsByServiceType","Filter appointments by service type"),onChange:E,type:"inline",selectedItems:B.filter(function(n){return v.includes(n.id)})})))}}}]);