@medplum/react 2.0.6 → 2.0.9

package/dist/cjs/index.cjs

@@ -315,7 +315,7 @@
     }
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var defaultAttributes = {
@@ -331,7 +331,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var __defProp = Object.defineProperty;
@@ -394,7 +394,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconAdjustmentsHorizontal = createReactComponent(
@@ -414,7 +414,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconAlertCircle = createReactComponent("alert-circle", "IconAlertCircle", [
@@ -424,7 +424,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBleachOff = createReactComponent("bleach-off", "IconBleachOff", [
@@ -439,7 +439,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBleach = createReactComponent("bleach", "IconBleach", [
@@ -453,7 +453,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBoxMultiple = createReactComponent("box-multiple", "IconBoxMultiple", [
@@ -474,7 +474,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBracketsContain = createReactComponent("brackets-contain", "IconBracketsContain", [
@@ -486,7 +486,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBucketOff = createReactComponent("bucket-off", "IconBucketOff", [
@@ -508,7 +508,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconBucket = createReactComponent("bucket", "IconBucket", [
@@ -523,7 +523,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCalendar = createReactComponent("calendar", "IconCalendar", [
@@ -542,7 +542,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCheck = createReactComponent("check", "IconCheck", [
@@ -550,7 +550,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCheckbox = createReactComponent("checkbox", "IconCheckbox", [
@@ -565,7 +565,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCircleMinus = createReactComponent("circle-minus", "IconCircleMinus", [
@@ -574,7 +574,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCirclePlus = createReactComponent("circle-plus", "IconCirclePlus", [
@@ -584,7 +584,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCloudUpload = createReactComponent("cloud-upload", "IconCloudUpload", [
@@ -600,7 +600,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconColumns = createReactComponent("columns", "IconColumns", [
@@ -615,7 +615,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconCurrencyDollar = createReactComponent("currency-dollar", "IconCurrencyDollar", [
@@ -630,7 +630,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconDots = createReactComponent("dots", "IconDots", [
@@ -640,7 +640,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconEdit = createReactComponent("edit", "IconEdit", [
@@ -662,7 +662,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconEqualNot = createReactComponent("equal-not", "IconEqualNot", [
@@ -672,7 +672,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconEqual = createReactComponent("equal", "IconEqual", [
@@ -681,7 +681,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconFileAlert = createReactComponent("file-alert", "IconFileAlert", [
@@ -698,7 +698,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconFilePlus = createReactComponent("file-plus", "IconFilePlus", [
@@ -715,7 +715,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconFilter = createReactComponent("filter", "IconFilter", [
@@ -729,7 +729,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconListDetails = createReactComponent("list-details", "IconListDetails", [
@@ -754,7 +754,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconMathGreater = createReactComponent("math-greater", "IconMathGreater", [
@@ -762,7 +762,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconMathLower = createReactComponent("math-lower", "IconMathLower", [
@@ -770,7 +770,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconMessage = createReactComponent("message", "IconMessage", [
@@ -786,7 +786,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconPin = createReactComponent("pin", "IconPin", [
@@ -802,7 +802,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconPinnedOff = createReactComponent("pinned-off", "IconPinnedOff", [
@@ -819,7 +819,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconSettings = createReactComponent("settings", "IconSettings", [
@@ -834,7 +834,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconSortAscending = createReactComponent("sort-ascending", "IconSortAscending", [
@@ -846,7 +846,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconSortDescending = createReactComponent("sort-descending", "IconSortDescending", [
@@ -858,7 +858,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconSquare = createReactComponent("square", "IconSquare", [
@@ -872,7 +872,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconTableExport = createReactComponent("table-export", "IconTableExport", [
@@ -886,7 +886,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconTrash = createReactComponent("trash", "IconTrash", [
@@ -901,7 +901,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.6.0 - MIT
+     * @tabler/icons-react v2.9.0 - MIT
      */
 
     var IconX = createReactComponent("x", "IconX", [
@@ -1030,7 +1030,7 @@
     const useStyles$d = core$1.createStyles((theme, { width, fill }) => ({
         paper: {
             maxWidth: width,
-            margin: `${theme.spacing.xl}px auto`,
+            margin: `${theme.spacing.xl} auto`,
             padding: fill ? 0 : theme.spacing.md,
             '@media (max-width: 800px)': {
                 padding: fill ? 0 : 8,
@@ -1619,7 +1619,7 @@
             gridTemplateColumns: '30% 70%',
             margin: 0,
             '& > dt, & > dd': {
-                padding: `${theme.spacing.sm}px ${theme.spacing.sm}px`,
+                padding: `${theme.spacing.sm} ${theme.spacing.sm}`,
                 borderTop: `0.1px solid ${theme.colors.gray[3]}`,
                 margin: 0,
             },
@@ -1627,7 +1627,7 @@
         compact: {
             gridTemplateColumns: '20% 80%',
             '& > dt, & > dd': {
-                padding: `0 ${theme.spacing.xs}px ${theme.spacing.xs}px 0`,
+                padding: `0 ${theme.spacing.xs} ${theme.spacing.xs} 0`,
                 border: 0,
             },
         },
@@ -1929,11 +1929,11 @@
         return (React.createElement(core$1.Group, { noWrap: true },
             React.createElement("div", null, props.children),
             React.createElement("div", null,
-                React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description }, (() => null)()))));
+                React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description, withAsterisk: props.withAsterisk }, (() => null)()))));
     }
 
     function FormSection(props) {
-        return (React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description, error: getErrorsForInput(props.outcome, props.htmlFor) }, props.children));
+        return (React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description, withAsterisk: props.withAsterisk, error: getErrorsForInput(props.outcome, props.htmlFor) }, props.children));
     }
 
     /**
@@ -2235,7 +2235,7 @@
      * @returns The JSX element to render.
      */
     function DateTimeInput(props) {
-        return (React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name, placeholder: props.placeholder, type: getInputType(), defaultValue: convertIsoToLocal(props.defaultValue), error: getErrorsForInput(props.outcome, props.name), onChange: (e) => {
+        return (React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name, placeholder: props.placeholder, required: props.required, type: getInputType(), defaultValue: convertIsoToLocal(props.defaultValue), error: getErrorsForInput(props.outcome, props.name), onChange: (e) => {
                 if (props.onChange) {
                     const newValue = e.currentTarget.value;
                     props.onChange(convertLocalToIso(newValue));
@@ -2710,7 +2710,7 @@
                 setRepeat({ ...valueRef.current?.repeat, dayOfWeek: existing.filter((d) => d !== day) });
             }
         }
-        return (React.createElement(core$1.Modal, { title: "Timing", closeButtonLabel: "Close", opened: props.visible, onClose: () => props.onCancel() },
+        return (React.createElement(core$1.Modal, { title: "Timing", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: () => props.onCancel() },
             React.createElement("div", { style: { padding: '5px 20px', textAlign: 'left' } },
                 React.createElement(FormSection, { title: "Starts on", htmlFor: 'timing-dialog-start' },
                     React.createElement(DateTimeInput, { name: 'timing-dialog-start', onChange: (newValue) => setStart(newValue) })),
@@ -2777,6 +2777,7 @@
         const propertyType = props.elementDefinitionType.code;
         const name = props.name;
         const value = props.defaultValue;
+        const required = property.min !== undefined && property.min > 0;
         switch (propertyType) {
             // 2.24.0.1 Primitive Types
             // https://www.hl7.org/fhir/datatypes.html#primitive
@@ -2786,13 +2787,13 @@
             case core.PropertyType.time:
             case core.PropertyType.uri:
             case core.PropertyType.url:
-                return (React.createElement(core$1.TextInput, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (React.createElement(core$1.TextInput, { id: name, name: name, "data-testid": name, defaultValue: value, required: required, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
                     }, error: getErrorsForInput(props.outcome, name) }));
             case core.PropertyType.date:
-                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, "data-testid": name, defaultValue: value, required: required, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
@@ -2804,7 +2805,7 @@
             case core.PropertyType.integer:
             case core.PropertyType.positiveInt:
             case core.PropertyType.unsignedInt:
-                return (React.createElement(core$1.TextInput, { type: "number", step: propertyType === core.PropertyType.decimal ? 'any' : '1', id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (React.createElement(core$1.TextInput, { type: "number", step: propertyType === core.PropertyType.decimal ? 'any' : '1', id: name, name: name, "data-testid": name, defaultValue: value, required: required, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.valueAsNumber);
                         }
@@ -2818,7 +2819,7 @@
                         }
                     } }));
             case core.PropertyType.markdown:
-                return (React.createElement(core$1.Textarea, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (React.createElement(core$1.Textarea, { id: name, name: name, "data-testid": name, defaultValue: value, required: required, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
@@ -2897,14 +2898,15 @@
                 return null;
             }
             const [propertyValue, propertyType] = getValueAndType(typedValue, key);
+            const required = property.min !== undefined && property.min > 0;
             if (property.type.length === 1 && property.type[0].code === 'boolean') {
                 return (React.createElement(CheckboxFormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key },
                     React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
                             setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                         } })));
             }
-            return (React.createElement(FormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
-                React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
+            return (React.createElement(FormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, withAsterisk: required, htmlFor: key, outcome: props.outcome },
+                React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, onChange: (newValue, propName) => {
                         setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                     } })));
         })));
@@ -3299,7 +3301,7 @@
                 borderTop: `0.1px solid ${theme.colors.gray[3]}`,
             },
             '& th, & td': {
-                padding: `${theme.spacing.sm}px ${theme.spacing.sm}px`,
+                padding: `${theme.spacing.sm} ${theme.spacing.sm}`,
                 verticalAlign: 'top',
             },
         },
@@ -3632,7 +3634,7 @@
                 title: 'Initializing upload...',
                 message: 'Please wait...',
                 autoClose: false,
-                disallowClose: true,
+                withCloseButton: false,
             });
         }
         function onUploadProgress(e) {
@@ -3642,7 +3644,7 @@
                 title: 'Uploading...',
                 message: getProgressMessage(e),
                 autoClose: false,
-                disallowClose: true,
+                withCloseButton: false,
             });
         }
         if (!resource) {
@@ -3875,6 +3877,7 @@
         'not-in': 'not in',
         'of-type': 'of type',
         missing: 'missing',
+        identifier: 'identifier',
     };
     /**
      * Sets the array of filters.
@@ -4415,7 +4418,7 @@
         const available = getFieldsList(typeDef)
             .filter((field) => !selected?.includes(field))
             .sort();
-        return (React.createElement(core$1.Modal, { title: "Fields", closeButtonLabel: "Close", opened: props.visible, onClose: props.onCancel },
+        return (React.createElement(core$1.Modal, { title: "Fields", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
             React.createElement("div", null,
                 React.createElement("table", { style: { margin: 'auto' } },
                     React.createElement("thead", null,
@@ -4549,7 +4552,7 @@
         const resourceType = props.search.resourceType;
         const searchParams = core.globalSchema.types[resourceType].searchParams;
         const filters = search.filters || [];
-        return (React.createElement(core$1.Modal, { title: "Filters", closeButtonLabel: "Close", size: 900, opened: props.visible, onClose: props.onCancel },
+        return (React.createElement(core$1.Modal, { title: "Filters", closeButtonProps: { 'aria-label': 'Close' }, size: 900, opened: props.visible, onClose: props.onCancel },
             React.createElement("div", null,
                 React.createElement("table", null,
                     React.createElement("colgroup", null,
@@ -4878,7 +4881,7 @@
         },
         control: {
             width: '100%',
-            padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,
+            padding: `${theme.spacing.xs} ${theme.spacing.md}`,
             '&:hover': {
                 backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],
             },
@@ -5067,14 +5070,14 @@
                 React.createElement(core$1.Center, { style: { height: 150 } },
                     React.createElement(core$1.Text, { size: "xl", color: "dimmed" }, "No results")))),
             lastResult?.total !== undefined && lastResult.total > 0 && (React.createElement(core$1.Center, { m: "md", p: "md" },
-                React.createElement(core$1.Pagination, { page: getPage(search), total: getTotalPages(search, lastResult.total), onChange: (newPage) => emitSearchChange(setPage(search, newPage)), getItemAriaLabel: (page) => {
-                        switch (page) {
-                            case 'prev':
-                                return 'Previous page';
+                React.createElement(core$1.Pagination, { value: getPage(search), total: getTotalPages(search, lastResult.total), onChange: (newPage) => emitSearchChange(setPage(search, newPage)), getControlProps: (control) => {
+                        switch (control) {
+                            case 'previous':
+                                return { 'aria-label': 'Previous page' };
                             case 'next':
-                                return 'Next page';
+                                return { 'aria-label': 'Next page' };
                             default:
-                                return undefined;
+                                return {};
                         }
                     } }))),
             outcome && (React.createElement("div", { "data-testid": "search-error" },
@@ -5736,7 +5739,7 @@
                 options.push([optionName, optionValue]);
             }
         }
-        return (React.createElement(core$1.Radio.Group, { name: name, orientation: "vertical", defaultValue: defaultValue, onChange: (newValue) => {
+        return (React.createElement(core$1.Radio.Group, { name: name, defaultValue: defaultValue, onChange: (newValue) => {
                 const option = options.find((option) => option[0] === newValue);
                 if (option) {
                     const optionValue = option[1];
@@ -6621,13 +6624,13 @@
             border: 0,
             color: theme.colors.gray[5],
             fontFamily: theme.fontFamilyMonospace,
-            padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
+            padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
             textAlign: 'right',
         },
         line: {
             fontFamily: theme.fontFamilyMonospace,
             fontSize: theme.fontSizes.sm,
-            padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
+            padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
         },
         pre: {
             margin: 0,