@medplum/react 0.9.9 → 0.9.12

package/dist/cjs/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/cjs/index.js

@@ -855,13 +855,12 @@
     }
 
     function QuantityDisplay(props) {
-        const value = props.value;
-        if (!value) {
-            return null;
-        }
-        return React__default["default"].createElement(React__default["default"].Fragment, null, formatQuantityString(value));
+        return React__default["default"].createElement(React__default["default"].Fragment, null, formatQuantityString(props.value));
     }
     function formatQuantityString(quantity) {
+        if (!quantity) {
+            return '';
+        }
         const result = [];
         if (quantity.comparator) {
             result.push(quantity.comparator);
@@ -880,24 +879,19 @@
     }
 
     function RangeDisplay(props) {
-        const value = props.value;
-        if (!value || (!value.low && !value.high)) {
-            return null;
+        return React__default["default"].createElement(React__default["default"].Fragment, null, formatRangeString(props.value));
+    }
+    function formatRangeString(range) {
+        if (!range || (!range.low && !range.high)) {
+            return '';
         }
-        if (value.low && !value.high) {
-            return (React__default["default"].createElement("span", null,
-                ">=\u00A0",
-                React__default["default"].createElement(QuantityDisplay, { value: value.low })));
+        if (range.low && !range.high) {
+            return `>= ${formatQuantityString(range.low)}`;
         }
-        if (!value.low && value.high) {
-            return (React__default["default"].createElement("span", null,
-                "<=\u00A0",
-                React__default["default"].createElement(QuantityDisplay, { value: value.high })));
+        if (!range.low && range.high) {
+            return `<= ${formatQuantityString(range.high)}`;
         }
-        return (React__default["default"].createElement("span", null,
-            React__default["default"].createElement(QuantityDisplay, { value: value.low }),
-            "\u00A0-\u00A0",
-            React__default["default"].createElement(QuantityDisplay, { value: value.high })));
+        return `${formatQuantityString(range.low)} - ${formatQuantityString(range.high)}`;
     }
 
     function RatioDisplay(props) {
@@ -1417,16 +1411,7 @@
         }
         return (React__default["default"].createElement(Autocomplete, { loadOptions: (input) => {
                 return medplum
-                    .search({
-                    resourceType: resourceTypeRef.current,
-                    filters: [
-                        {
-                            code: 'name',
-                            operator: core.Operator.EQUALS,
-                            value: input,
-                        },
-                    ],
-                })
+                    .search(resourceTypeRef.current, 'name=' + encodeURIComponent(input))
                     .then((bundle) => bundle.entry.map((entry) => entry.resource));
             }, getId: (item) => {
                 return item.id;
@@ -2595,12 +2580,12 @@
         const [userMenuVisible, setUserMenuVisible] = React.useState(false);
         const [sidebarVisible, setSidebarVisible] = React.useState(false);
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("header", { role: "banner", "data-testid": "header" },
+            React__default["default"].createElement("header", { role: "banner", "data-testid": "header", style: { background: props.bgColor } },
                 React__default["default"].createElement("div", null,
                     React__default["default"].createElement(MedplumLink, { label: "Toggle sidebar", testid: "header-menu-button", onClick: () => setSidebarVisible(!sidebarVisible) },
                         React__default["default"].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__default["default"].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__default["default"].createElement(MedplumLink, { id: "medplum-header-logo", testid: "header-logo", onClick: props.onLogo }, "Medplum"),
+                    React__default["default"].createElement(MedplumLink, { id: "medplum-header-logo", testid: "header-logo", onClick: props.onLogo }, props.title || 'Medplum'),
                     context.profile && (React__default["default"].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__default["default"].createElement("div", { className: "medplum-nav-menu-container" },
                     React__default["default"].createElement(MedplumLink, { testid: "header-profile-menu-button", onClick: () => setUserMenuVisible(true) },
@@ -4567,7 +4552,7 @@
         React.useEffect(() => {
             setOutcome(undefined);
             medplum
-                .search(Object.assign(Object.assign({}, search), { total: 'accurate' }))
+                .search(search.resourceType, core.formatSearchQuery(Object.assign(Object.assign({}, search), { total: 'accurate' })))
                 .then((response) => {
                 setState(Object.assign(Object.assign({}, stateRef.current), { searchResponse: response }));
                 if (onLoad) {
@@ -5141,6 +5126,7 @@
     exports.BackboneElementInput = BackboneElementInput;
     exports.Button = Button;
     exports.CodeInput = CodeInput;
+    exports.CodeableConceptDisplay = CodeableConceptDisplay;
     exports.CodeableConceptInput = CodeableConceptInput;
     exports.ContactPointDisplay = ContactPointDisplay;
     exports.ContactPointInput = ContactPointInput;
@@ -5175,6 +5161,8 @@
     exports.QuestionnaireBuilder = QuestionnaireBuilder;
     exports.QuestionnaireForm = QuestionnaireForm;
     exports.QuestionnaireFormItem = QuestionnaireFormItem;
+    exports.RangeDisplay = RangeDisplay;
+    exports.RangeInput = RangeInput;
     exports.ReferenceInput = ReferenceInput;
     exports.ResourceArrayDisplay = ResourceArrayDisplay;
     exports.ResourceArrayInput = ResourceArrayInput;
@@ -5228,6 +5216,7 @@
     exports.convertLocalToIso = convertLocalToIso;
     exports.createScriptTag = createScriptTag;
     exports.deleteFilter = deleteFilter;
+    exports.formatRangeString = formatRangeString;
     exports.getOpString = getOpString;
     exports.getSearchOperators = getSearchOperators;
     exports.getSortField = getSortField;