@medplum/react 2.0.19 → 2.0.20

package/dist/cjs/index.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('prop-types'), require('react-router-dom'), require('@mantine/notifications')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', 'prop-types', 'react-router-dom', '@mantine/notifications'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.PropTypes, global.ReactRouterDOM, global.mantine.notifications));
-})(this, (function (exports, core, React, core$1, PropTypes, reactRouterDom, notifications) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('prop-types'), require('@mantine/notifications')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', 'prop-types', '@mantine/notifications'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.PropTypes, global.mantine.notifications));
+})(this, (function (exports, core, React, core$1, PropTypes, notifications) { 'use strict';
 
     function AddressDisplay(props) {
         const address = props.value;
@@ -154,7 +154,7 @@
     }
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
     var defaultAttributes = {
@@ -170,7 +170,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -234,7 +234,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -255,7 +255,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -266,7 +266,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -282,7 +282,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -297,7 +297,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -319,7 +319,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -332,7 +332,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -355,7 +355,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -371,7 +371,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -391,7 +391,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -400,7 +400,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -416,7 +416,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -425,7 +425,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -435,7 +435,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -446,7 +446,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -463,7 +463,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -479,7 +479,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -495,7 +495,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -506,7 +506,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -529,7 +529,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -540,7 +540,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -550,7 +550,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -568,7 +568,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -586,7 +586,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -601,7 +601,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -627,7 +627,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -644,7 +644,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -653,7 +653,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -662,7 +662,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -679,7 +679,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -696,7 +696,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -714,7 +714,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -724,7 +724,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -734,7 +734,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -750,7 +750,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -763,7 +763,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -776,7 +776,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -791,7 +791,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -807,7 +807,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -826,7 +826,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -842,7 +842,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -1178,11 +1178,10 @@
             resource,
         };
     }
-    function HeaderSearchInput() {
+    function HeaderSearchInput(props) {
         const { classes } = useStyles$h();
         const navigate = useMedplumNavigate();
         const medplum = useMedplum();
-        const location = reactRouterDom.useLocation();
         const loadData = React.useCallback(async (input, signal) => {
             const query = buildGraphQLQuery(input);
             const options = { signal };
@@ -1194,7 +1193,7 @@
                 navigate(`/${core.getReferenceString(item[0])}`);
             }
         }, [navigate]);
-        return (React.createElement(AsyncAutocomplete, { key: location.pathname, size: "sm", radius: "md", className: classes.searchInput, icon: React.createElement(IconSearch, { size: 16 }), placeholder: "Search", itemComponent: ItemComponent$1, toKey: toKey$1, toOption: toOption$1, onChange: handleSelect, loadOptions: loadData }));
+        return (React.createElement(AsyncAutocomplete, { key: props.pathname, size: "sm", radius: "md", className: classes.searchInput, icon: React.createElement(IconSearch, { size: 16 }), placeholder: "Search", itemComponent: ItemComponent$1, toKey: toKey$1, toOption: toOption$1, onChange: handleSelect, loadOptions: loadData }));
     }
     const ItemComponent$1 = React.forwardRef(({ resource, ...others }, ref) => {
         let helpText = undefined;
@@ -1502,10 +1501,9 @@
     function BookmarkDialog(props) {
         const medplum = useMedplum();
         const config = medplum.getUserConfiguration();
-        const location = reactRouterDom.useLocation();
         function submitHandler(formData) {
             const { menuname, bookmarkname: name } = formData;
-            const target = location.pathname + location.search;
+            const target = `${props.pathname}?${props.searchParams.toString()}`;
             const newConfig = core.deepClone(config);
             const menu = newConfig?.menu?.find(({ title }) => title === menuname);
             menu?.link?.push({ name, target });
@@ -1649,9 +1647,7 @@
     function Navbar(props) {
         const { classes } = useStyles$f();
         const navigate = useMedplumNavigate();
-        const location = reactRouterDom.useLocation();
-        const [searchParams] = reactRouterDom.useSearchParams();
-        const activeLink = getActiveLink(location.pathname, searchParams, props.menus);
+        const activeLink = getActiveLink(props.pathname, props.searchParams, props.menus);
         const [bookmarkDialogVisible, setBookmarkDialogVisible] = React.useState(false);
         function onLinkClick(e, to) {
             e.stopPropagation();
@@ -1682,7 +1678,7 @@
                                 React.createElement(NavLinkIcon, { to: link.href, icon: link.icon }),
                                 React.createElement("span", null, link.label))))))),
                         props.displayAddBookmark && (React.createElement(core$1.Button, { variant: "subtle", size: "xs", mt: "xl", leftIcon: React.createElement(IconPlus, { size: "0.75rem" }), onClick: () => setBookmarkDialogVisible(true) }, "Add Bookmark"))))),
-            React.createElement(BookmarkDialog, { visible: bookmarkDialogVisible, onOk: () => setBookmarkDialogVisible(false), onCancel: () => setBookmarkDialogVisible(false) })));
+            props.pathname && props.searchParams && (React.createElement(BookmarkDialog, { pathname: props.pathname, searchParams: props.searchParams, visible: bookmarkDialogVisible, onOk: () => setBookmarkDialogVisible(false), onCancel: () => setBookmarkDialogVisible(false) }))));
     }
     function NavbarLink(props) {
         const { classes, cx } = useStyles$f();
@@ -1706,17 +1702,18 @@
      * @returns The active link if one is found.
      */
     function getActiveLink(currentPathname, currentSearchParams, menus) {
+        if (!currentPathname || !currentSearchParams || !menus) {
+            return undefined;
+        }
         let bestLink = undefined;
         let bestScore = 0;
-        if (menus) {
-            for (const menu of menus) {
-                if (menu.links) {
-                    for (const link of menu.links) {
-                        const score = getLinkScore(currentPathname, currentSearchParams, link.href);
-                        if (score > bestScore) {
-                            bestScore = score;
-                            bestLink = link;
-                        }
+        for (const menu of menus) {
+            if (menu.links) {
+                for (const link of menu.links) {
+                    const score = getLinkScore(currentPathname, currentSearchParams, link.href);
+                    if (score > bestScore) {
+                        bestScore = score;
+                        bestLink = link;
                     }
                 }
             }
@@ -1782,7 +1779,7 @@
                 main: {
                     background: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],
                 },
-            }, padding: 0, fixed: true, header: profile && React.createElement(Header, { logo: props.logo, version: props.version, navbarToggle: toggleNavbar }), navbar: profile && navbarOpen ? (React.createElement(Navbar, { menus: props.menus, closeNavbar: closeNavbar, displayAddBookmark: props.displayAddBookmark })) : undefined },
+            }, padding: 0, fixed: true, header: profile && React.createElement(Header, { logo: props.logo, version: props.version, navbarToggle: toggleNavbar }), navbar: profile && navbarOpen ? (React.createElement(Navbar, { pathname: props.pathname, searchParams: props.searchParams, menus: props.menus, closeNavbar: closeNavbar, displayAddBookmark: props.displayAddBookmark })) : undefined },
             React.createElement(ErrorBoundary, null,
                 React.createElement(React.Suspense, { fallback: React.createElement(Loading, null) }, props.children))));
     }
@@ -4000,6 +3997,20 @@
         return React.createElement(ResourcePropertyDisplay, { value: value[0] || '', propertyType: props.propertyType });
     }
 
+    function SearchExportDialog(props) {
+        return (React.createElement(core$1.Modal, { title: "Export", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
+            React.createElement(core$1.Box, { display: "flex", sx: { justifyContent: 'space-between' } },
+                props.exportCsv && React.createElement(ExportButton, { text: "CSV", exportLogic: props.exportCsv, onCancel: props.onCancel }),
+                props.exportTransactionBundle && (React.createElement(ExportButton, { text: "Transaction Bundle", exportLogic: props.exportTransactionBundle, onCancel: props.onCancel }))),
+            React.createElement(core$1.Text, { sx: { marginTop: '10px', marginLeft: '2px' } }, "Limited to 1000 records")));
+    }
+    function ExportButton(props) {
+        return (React.createElement(core$1.Button, { onClick: () => {
+                props.exportLogic();
+                props.onCancel();
+            } }, `Export as ${props.text}`));
+    }
+
     const searchParamToOperators = {
         string: [core.Operator.EQUALS, core.Operator.NOT, core.Operator.CONTAINS, core.Operator.EXACT],
         fulltext: [core.Operator.EQUALS, core.Operator.NOT, core.Operator.CONTAINS, core.Operator.EXACT],
@@ -5029,20 +5040,6 @@
         return { name };
     }
 
-    function SearchExportDialog(props) {
-        return (React.createElement(core$1.Modal, { title: "Export", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
-            React.createElement(core$1.Box, { display: "flex", sx: { justifyContent: 'space-between' } },
-                props.exportCsv && React.createElement(ExportButton, { text: "CSV", exportLogic: props.exportCsv, onCancel: props.onCancel }),
-                props.exportTransactionBundle && (React.createElement(ExportButton, { text: "Transaction Bundle", exportLogic: props.exportTransactionBundle, onCancel: props.onCancel }))),
-            React.createElement(core$1.Text, { sx: { marginTop: '10px', marginLeft: '2px' } }, "Limited to 1000 records")));
-    }
-    function ExportButton(props) {
-        return (React.createElement(core$1.Button, { onClick: () => {
-                props.exportLogic();
-                props.onCancel();
-            } }, `Export as ${props.text}`));
-    }
-
     class SearchChangeEvent extends Event {
         constructor(definition) {
             super('change');
@@ -5116,7 +5113,7 @@
         React.useEffect(() => {
             setOutcome(undefined);
             medplum
-                .search(search.resourceType, core.formatSearchQuery({ ...search, total: 'accurate', fields: undefined }))
+                .search(search.resourceType, core.formatSearchQuery({ ...search, total: 'estimate', fields: undefined }))
                 .then((response) => {
                 setState({ ...stateRef.current, searchResponse: response });
                 if (onLoad) {
@@ -7192,9 +7189,9 @@
         }
         if (typeof window !== 'undefined') {
             const origin = window.location.protocol + '//' + window.location.host;
-            const authorizedOrigins = "undefined"?.split(',') ?? [];
+            const authorizedOrigins = "http://localhost:3000,http://127.0.0.1:3000,http://localhost:6006,http://127.0.0.1:6006,https://app.medplum.com,https://docs.medplum.com,https://storybook.medplum.com,https://graphiql.medplum.com,https://www.medplum.com"?.split(',') ?? [];
             if (authorizedOrigins.includes(origin)) {
-                return "undefined";
+                return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
             }
         }
         return undefined;