@medplum/react 0.9.10 → 0.9.13

package/dist/cjs/styles.css

@@ -498,8 +498,8 @@ table.medplum-table {
   width: 100%;
 }
 
-table.medplum-table th,
-table.medplum-table td {
+table.medplum-table > thead > tr > th,
+table.medplum-table > tbody > tr > td {
   border: 0.1px solid var(--medplum-gray-400);
   padding: 4px 6px;
 }

package/dist/esm/defaulttheme.css

@@ -3,10 +3,8 @@
   --medplum-surface: #ffffff;
   --medplum-foreground: #424242;
   --medplum-navbar: #5b2876;
-  --medplum-navbar-textbox: #7a4696;
-  --medplum-navbar-icon: #5b2876;
-  --medplum-navbar-placeholder: #ddc4eb;
-  --medplum-navbar-hover: #5d5d85;
+  --medplum-navbar-textbox: rgba(255, 255, 255, 0.2);
+  --medplum-navbar-placeholder: rgba(255, 255, 255, 0.6);
   --medplum-shadow: rgba(0, 0, 0, 0.1);
   /* font sizes */
   --medplum-font-small: 12px;
@@ -97,10 +95,8 @@
     --medplum-surface: #000;
     --medplum-foreground: #eee;
     --medplum-navbar: #5b2876;
-    --medplum-navbar-textbox: #7a4696;
-    --medplum-navbar-icon: #5b2876;
-    --medplum-navbar-placeholder: #ddc4eb;
-    --medplum-navbar-hover: #5d5d85;
+    --medplum-navbar-textbox: rgba(255, 255, 255, 0.2);
+    --medplum-navbar-placeholder: rgba(255, 255, 255, 0.6);
     --medplum-shadow: rgba(0, 0, 0, 0.2);
     /* gray */
     --medplum-gray-900: #fafafa;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { formatAddress, getDisplayString, getImageSrc, getPropertyDisplayName, formatHumanName, stringify, buildTypeName, PropertyType, capitalize, createReference, Operator, getReferenceString, isUUID, getSearchParameterDetails, evalFhirPath, SearchParameterType, parseSearchDefinition, DEFAULT_SEARCH_COUNT } from '@medplum/core';
+import { formatAddress, getDisplayString, getImageSrc, getPropertyDisplayName, formatHumanName, stringify, buildTypeName, PropertyType, capitalize, createReference, getReferenceString, isUUID, getSearchParameterDetails, Operator, evalFhirPath, SearchParameterType, formatSearchQuery, parseSearchDefinition, DEFAULT_SEARCH_COUNT } from '@medplum/core';
 import React, { useState, useRef, createContext, useEffect, useContext, useCallback } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 
@@ -849,13 +849,12 @@ function PeriodDisplay(props) {
 }
 
 function QuantityDisplay(props) {
-    const value = props.value;
-    if (!value) {
-        return null;
-    }
-    return React.createElement(React.Fragment, null, formatQuantityString(value));
+    return React.createElement(React.Fragment, null, formatQuantityString(props.value));
 }
 function formatQuantityString(quantity) {
+    if (!quantity) {
+        return '';
+    }
     const result = [];
     if (quantity.comparator) {
         result.push(quantity.comparator);
@@ -874,24 +873,19 @@ function formatQuantityString(quantity) {
 }
 
 function RangeDisplay(props) {
-    const value = props.value;
-    if (!value || (!value.low && !value.high)) {
-        return null;
+    return React.createElement(React.Fragment, null, formatRangeString(props.value));
+}
+function formatRangeString(range) {
+    if (!range || (!range.low && !range.high)) {
+        return '';
     }
-    if (value.low && !value.high) {
-        return (React.createElement("span", null,
-            ">=\u00A0",
-            React.createElement(QuantityDisplay, { value: value.low })));
+    if (range.low && !range.high) {
+        return `>= ${formatQuantityString(range.low)}`;
     }
-    if (!value.low && value.high) {
-        return (React.createElement("span", null,
-            "<=\u00A0",
-            React.createElement(QuantityDisplay, { value: value.high })));
+    if (!range.low && range.high) {
+        return `<= ${formatQuantityString(range.high)}`;
     }
-    return (React.createElement("span", null,
-        React.createElement(QuantityDisplay, { value: value.low }),
-        "\u00A0-\u00A0",
-        React.createElement(QuantityDisplay, { value: value.high })));
+    return `${formatQuantityString(range.low)} - ${formatQuantityString(range.high)}`;
 }
 
 function RatioDisplay(props) {
@@ -1411,16 +1405,7 @@ function ResourceInput(props) {
     }
     return (React.createElement(Autocomplete, { loadOptions: (input) => {
             return medplum
-                .search({
-                resourceType: resourceTypeRef.current,
-                filters: [
-                    {
-                        code: 'name',
-                        operator: Operator.EQUALS,
-                        value: input,
-                    },
-                ],
-            })
+                .search(resourceTypeRef.current, 'name=' + encodeURIComponent(input))
                 .then((bundle) => bundle.entry.map((entry) => entry.resource));
         }, getId: (item) => {
             return item.id;
@@ -2589,12 +2574,12 @@ function Header(props) {
     const [userMenuVisible, setUserMenuVisible] = useState(false);
     const [sidebarVisible, setSidebarVisible] = useState(false);
     return (React.createElement(React.Fragment, null,
-        React.createElement("header", { role: "banner", "data-testid": "header" },
+        React.createElement("header", { role: "banner", "data-testid": "header", style: { background: props.bgColor } },
             React.createElement("div", null,
                 React.createElement(MedplumLink, { label: "Toggle sidebar", testid: "header-menu-button", onClick: () => setSidebarVisible(!sidebarVisible) },
                     React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: { width: 20, height: 20, verticalAlign: 'text-top' }, viewBox: "0 0 20 20", fill: "currentColor" },
                         React.createElement("path", { fillRule: "evenodd", d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z", clipRule: "evenodd" }))),
-                React.createElement(MedplumLink, { id: "medplum-header-logo", testid: "header-logo", onClick: props.onLogo }, "Medplum"),
+                React.createElement(MedplumLink, { id: "medplum-header-logo", testid: "header-logo", onClick: props.onLogo }, props.title || 'Medplum'),
                 context.profile && (React.createElement(HeaderSearchInput, { key: `header-input-${location.pathname}`, name: "search", className: "medplum-nav-search-container", placeholder: "Search", onChange: (resource) => navigate(`/${resource.resourceType}/${resource.id}`) }))),
             context.profile && (React.createElement("div", { className: "medplum-nav-menu-container" },
                 React.createElement(MedplumLink, { testid: "header-profile-menu-button", onClick: () => setUserMenuVisible(true) },
@@ -4561,7 +4546,7 @@ function SearchControl(props) {
     useEffect(() => {
         setOutcome(undefined);
         medplum
-            .search(Object.assign(Object.assign({}, search), { total: 'accurate' }))
+            .search(search.resourceType, formatSearchQuery(Object.assign(Object.assign({}, search), { total: 'accurate' })))
             .then((response) => {
             setState(Object.assign(Object.assign({}, stateRef.current), { searchResponse: response }));
             if (onLoad) {
@@ -5125,5 +5110,5 @@ function TabSwitch(props) {
     })));
 }
 
-export { AddressDisplay, AddressInput, AttachmentArrayDisplay, AttachmentArrayInput, AttachmentInput, Autocomplete, Avatar, BackboneElementInput, Button, CodeInput, CodeableConceptInput, ContactPointDisplay, ContactPointInput, DateTimeDisplay, DateTimeInput, DefaultResourceTimeline, DiagnosticReportDisplay, Document, ElementDefinitionInputSelector, ElementDefinitionTypeInput, EncounterTimeline, ErrorBoundary, FhirPathTable, FooterLinks, Form, FormSection, Header, HumanNameDisplay, HumanNameInput, IdentifierInput, Input, Loading, Logo, MedplumLink, MedplumProvider, MemoizedFhirPathTable, MemoizedSearchControl, MenuItem, ObservationTable, PatientTimeline, Popup, QuestionnaireBuilder, QuestionnaireForm, QuestionnaireFormItem, QuestionnaireItemType, ReferenceInput, ResourceArrayDisplay, ResourceArrayInput, ResourceBadge, ResourceBlame, ResourceDiff, ResourceForm, ResourceHistoryTable, ResourceInput, ResourceName, ResourcePropertyDisplay, ResourcePropertyInput, ResourceTable, ResourceTimeline, Scrollable, SearchChangeEvent, SearchClickEvent, SearchControl, SearchFieldEditor, SearchFilterEditor, SearchLoadEvent, Select, ServiceRequestTimeline, SignInForm, Tab, TabList, TabPanel, TabSwitch, TextArea, Timeline, TimelineItem, TitleBar, addDateEqualsFilter, addDateFilter, addDateFilterBetween, addField, addFilter, addLastMonthFilter, addNextMonthFilter, addQuestionnaireInitialValues, addThisMonthFilter, addTodayFilter, addTomorrowFilter, addUserFilter, addYearToDateFilter, addYesterdayFilter, buildFieldNameString, clearFilters, clearFiltersOnField, convertIsoToLocal, convertLocalToIso, createScriptTag, deleteFilter, getOpString, getSearchOperators, getSortField, getTimeString, getValueAndType, hasFilterOnField, isChoiceQuestion, isSortDescending, movePage, parseForm, renderValue, setFilters, setOffset, setPropertyValue, setSort, sortByDateAndPriority, toggleSort, useMedplum, useMedplumContext, useMedplumProfile, useResource };
+export { AddressDisplay, AddressInput, AttachmentArrayDisplay, AttachmentArrayInput, AttachmentInput, Autocomplete, Avatar, BackboneElementInput, Button, CodeInput, CodeableConceptDisplay, CodeableConceptInput, ContactPointDisplay, ContactPointInput, DateTimeDisplay, DateTimeInput, DefaultResourceTimeline, DiagnosticReportDisplay, Document, ElementDefinitionInputSelector, ElementDefinitionTypeInput, EncounterTimeline, ErrorBoundary, FhirPathTable, FooterLinks, Form, FormSection, Header, HumanNameDisplay, HumanNameInput, IdentifierInput, Input, Loading, Logo, MedplumLink, MedplumProvider, MemoizedFhirPathTable, MemoizedSearchControl, MenuItem, ObservationTable, PatientTimeline, Popup, QuestionnaireBuilder, QuestionnaireForm, QuestionnaireFormItem, QuestionnaireItemType, RangeDisplay, RangeInput, ReferenceInput, ResourceArrayDisplay, ResourceArrayInput, ResourceBadge, ResourceBlame, ResourceDiff, ResourceForm, ResourceHistoryTable, ResourceInput, ResourceName, ResourcePropertyDisplay, ResourcePropertyInput, ResourceTable, ResourceTimeline, Scrollable, SearchChangeEvent, SearchClickEvent, SearchControl, SearchFieldEditor, SearchFilterEditor, SearchLoadEvent, Select, ServiceRequestTimeline, SignInForm, Tab, TabList, TabPanel, TabSwitch, TextArea, Timeline, TimelineItem, TitleBar, addDateEqualsFilter, addDateFilter, addDateFilterBetween, addField, addFilter, addLastMonthFilter, addNextMonthFilter, addQuestionnaireInitialValues, addThisMonthFilter, addTodayFilter, addTomorrowFilter, addUserFilter, addYearToDateFilter, addYesterdayFilter, buildFieldNameString, clearFilters, clearFiltersOnField, convertIsoToLocal, convertLocalToIso, createScriptTag, deleteFilter, formatRangeString, getOpString, getSearchOperators, getSortField, getTimeString, getValueAndType, hasFilterOnField, isChoiceQuestion, isSortDescending, movePage, parseForm, renderValue, setFilters, setOffset, setPropertyValue, setSort, sortByDateAndPriority, toggleSort, useMedplum, useMedplumContext, useMedplumProfile, useResource };
 //# sourceMappingURL=index.js.map