@medplum/react 2.0.13 → 2.0.15

package/dist/cjs/index.cjs

@@ -315,7 +315,7 @@
     }
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var defaultAttributes = {
@@ -331,7 +331,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var __defProp = Object.defineProperty;
@@ -394,7 +394,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconAdjustmentsHorizontal = createReactComponent(
@@ -414,7 +414,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconAlertCircle = createReactComponent("alert-circle", "IconAlertCircle", [
@@ -424,7 +424,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBleachOff = createReactComponent("bleach-off", "IconBleachOff", [
@@ -439,7 +439,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBleach = createReactComponent("bleach", "IconBleach", [
@@ -453,7 +453,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBoxMultiple = createReactComponent("box-multiple", "IconBoxMultiple", [
@@ -474,7 +474,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBracketsContain = createReactComponent("brackets-contain", "IconBracketsContain", [
@@ -486,7 +486,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBucketOff = createReactComponent("bucket-off", "IconBucketOff", [
@@ -508,7 +508,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconBucket = createReactComponent("bucket", "IconBucket", [
@@ -523,7 +523,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCalendar = createReactComponent("calendar", "IconCalendar", [
@@ -542,7 +542,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCheck = createReactComponent("check", "IconCheck", [
@@ -550,7 +550,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCheckbox = createReactComponent("checkbox", "IconCheckbox", [
@@ -565,7 +565,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCircleMinus = createReactComponent("circle-minus", "IconCircleMinus", [
@@ -574,7 +574,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCirclePlus = createReactComponent("circle-plus", "IconCirclePlus", [
@@ -584,7 +584,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCloudUpload = createReactComponent("cloud-upload", "IconCloudUpload", [
@@ -600,7 +600,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconColumns = createReactComponent("columns", "IconColumns", [
@@ -615,7 +615,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconCurrencyDollar = createReactComponent("currency-dollar", "IconCurrencyDollar", [
@@ -630,7 +630,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconDots = createReactComponent("dots", "IconDots", [
@@ -640,7 +640,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconEdit = createReactComponent("edit", "IconEdit", [
@@ -662,7 +662,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconEqualNot = createReactComponent("equal-not", "IconEqualNot", [
@@ -672,7 +672,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconEqual = createReactComponent("equal", "IconEqual", [
@@ -681,7 +681,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconFileAlert = createReactComponent("file-alert", "IconFileAlert", [
@@ -698,7 +698,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconFilePlus = createReactComponent("file-plus", "IconFilePlus", [
@@ -715,21 +715,21 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconFilter = createReactComponent("filter", "IconFilter", [
       [
         "path",
         {
-          d: "M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5",
+          d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z",
           key: "svg-0"
         }
       ]
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconListDetails = createReactComponent("list-details", "IconListDetails", [
@@ -754,7 +754,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconMathGreater = createReactComponent("math-greater", "IconMathGreater", [
@@ -762,7 +762,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconMathLower = createReactComponent("math-lower", "IconMathLower", [
@@ -770,7 +770,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconMessage = createReactComponent("message", "IconMessage", [
@@ -786,7 +786,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconPin = createReactComponent("pin", "IconPin", [
@@ -802,7 +802,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconPinnedOff = createReactComponent("pinned-off", "IconPinnedOff", [
@@ -819,7 +819,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconSettings = createReactComponent("settings", "IconSettings", [
@@ -834,7 +834,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconSortAscending = createReactComponent("sort-ascending", "IconSortAscending", [
@@ -846,7 +846,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconSortDescending = createReactComponent("sort-descending", "IconSortDescending", [
@@ -858,7 +858,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconSquare = createReactComponent("square", "IconSquare", [
@@ -872,21 +872,25 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconTableExport = createReactComponent("table-export", "IconTableExport", [
       [
         "path",
         {
-          d: "M11.5 20h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v7.5m-16 -3.5h16m-10 -6v16m4 -1h7m-3 -3l3 3l-3 3",
+          d: "M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5",
           key: "svg-0"
         }
-      ]
+      ],
+      ["path", { d: "M3 10h18", key: "svg-1" }],
+      ["path", { d: "M10 3v18", key: "svg-2" }],
+      ["path", { d: "M16 19h6", key: "svg-3" }],
+      ["path", { d: "M19 16l3 3l-3 3", key: "svg-4" }]
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconTrash = createReactComponent("trash", "IconTrash", [
@@ -901,7 +905,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.11.0 - MIT
+     * @tabler/icons-react v2.14.0 - MIT
      */
 
     var IconX = createReactComponent("x", "IconX", [
@@ -1432,7 +1436,7 @@
                 React.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
             React.createElement(core$1.TextInput, { name: "email", type: "email", label: "Email", placeholder: "name@domain.com", required: true, autoFocus: true }),
             React.createElement(core$1.Group, { position: "apart", mt: "xl", spacing: 0, noWrap: true },
-                onRegister && (React.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onRegister, size: "xs" }, "Register")),
+                React.createElement("div", null, onRegister && (React.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onRegister, size: "xs" }, "Register"))),
                 React.createElement(core$1.Button, { type: "submit" }, "Next"))));
     }
     function PasswordForm(props) {
@@ -2578,7 +2582,7 @@
                 props.onChange(item.resource);
             }
         }
-        return (React.createElement(core$1.Autocomplete, { itemComponent: ItemComponent, value: value, data: data, placeholder: props.placeholder, onFocus: () => loadValues(value), onChange: handleChange, onItemSubmit: handleSelect, rightSection: loading ? React.createElement(core$1.Loader, { size: 16 }) : null }));
+        return (React.createElement(core$1.Autocomplete, { name: props.name, itemComponent: ItemComponent, value: value, data: data, placeholder: props.placeholder, onFocus: () => loadValues(value), onChange: handleChange, onItemSubmit: handleSelect, rightSection: loading ? React.createElement(core$1.Loader, { size: 16 }) : null }));
     }
     const ItemComponent = React.forwardRef(({ value, resource, ...others }, ref) => {
         return (React.createElement("div", { ref: ref, ...others },
@@ -4852,6 +4856,20 @@
         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');
@@ -4917,6 +4935,7 @@
             selected: {},
             fieldEditorVisible: false,
             filterEditorVisible: false,
+            exportDialogVisible: false,
             filterDialogVisible: false,
         });
         const stateRef = React.useRef(state);
@@ -5008,6 +5027,9 @@
                 props.onAuxClick(new SearchClickEvent(resource, e));
             }
         }
+        function isExportPassed() {
+            return !!(props.onExport || props.onExportCsv || props.onExportTransactionBundle);
+        }
         React.useEffect(() => {
             setSchemaLoaded(false);
             medplum
@@ -5036,7 +5058,7 @@
                     React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconFilter, { size: iconSize }), onClick: () => setState({ ...stateRef.current, fieldEditorVisible: true }) }, "Fields"),
                     React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconColumns, { size: iconSize }), onClick: () => setState({ ...stateRef.current, filterEditorVisible: true }) }, "Filters"),
                     props.onNew && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconFilePlus, { size: iconSize }), onClick: props.onNew }, "New...")),
-                    !isMobile && props.onExport && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconTableExport, { size: iconSize }), onClick: props.onExport }, "Export...")),
+                    !isMobile && isExportPassed() && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconTableExport, { size: iconSize }), onClick: props.onExport ? props.onExport : () => setState({ ...stateRef.current, exportDialogVisible: true }) }, "Export...")),
                     !isMobile && props.onDelete && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconTrash, { size: iconSize }), onClick: () => props.onDelete(Object.keys(state.selected)) }, "Delete...")),
                     !isMobile && props.onBulk && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(IconBoxMultiple, { size: iconSize }), onClick: () => props.onBulk(Object.keys(state.selected)) }, "Bulk..."))),
                 lastResult && (React.createElement(core$1.Text, { size: "xs", color: "dimmed" },
@@ -5116,6 +5138,12 @@
                         filterEditorVisible: false,
                     });
                 } }),
+            React.createElement(SearchExportDialog, { visible: stateRef.current.exportDialogVisible, exportCsv: props.onExportCsv, exportTransactionBundle: props.onExportTransactionBundle, onCancel: () => {
+                    setState({
+                        ...stateRef.current,
+                        exportDialogVisible: false,
+                    });
+                } }),
             React.createElement(SearchFilterValueDialog, { key: state.filterDialogSearchParam?.code, visible: stateRef.current.filterDialogVisible, title: 'Input', resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
                     emitSearchChange(addFilter(props.search, filter.code, filter.operator, filter.value));
                     setState({