@medplum/react 2.0.15 → 2.0.16

package/dist/cjs/index.cjs

@@ -186,7 +186,7 @@
     }
 
     function AsyncAutocomplete(props) {
-        const { defaultValue, toKey, toOption, loadOptions, onChange, onCreate, ...rest } = props;
+        const { defaultValue, toKey, toOption, loadOptions, onChange, onCreate, creatable, ...rest } = props;
         const defaultItems = toDefaultItems(defaultValue);
         const inputRef = React.useRef(null);
         const [lastValue, setLastValue] = React.useState(undefined);
@@ -244,13 +244,14 @@
             const result = [];
             for (const value of values) {
                 let item = optionsRef.current?.find((option) => option.value === value)?.resource;
-                if (!item) {
+                if (!item && creatable !== false) {
                     item = onCreate(value);
                 }
-                result.push(item);
+                if (item)
+                    result.push(item);
             }
             onChange(result);
-        }, [onChange, onCreate]);
+        }, [creatable, onChange, onCreate]);
         const handleKeyDown = React.useCallback((e) => {
             if (e.key === 'Enter') {
                 if (!timerRef.current && !abortControllerRef.current) {
@@ -280,7 +281,7 @@
                 }
             };
         }, []);
-        return (React.createElement(core$1.MultiSelect, { ...rest, ref: inputRef, defaultValue: defaultItems.map(toKey), searchable: true, onKeyDown: handleKeyDown, onSearchChange: handleSearchChange, data: options, onFocus: handleTimer, onChange: handleChange, onCreate: handleCreate, rightSectionWidth: 40, rightSection: abortController ? React.createElement(core$1.Loader, { size: 16 }) : null, filter: handleFilter }));
+        return (React.createElement(core$1.MultiSelect, { ...rest, ref: inputRef, defaultValue: defaultItems.map(toKey), searchable: true, onKeyDown: handleKeyDown, onSearchChange: handleSearchChange, data: options, onFocus: handleTimer, onChange: handleChange, onCreate: handleCreate, rightSectionWidth: 40, rightSection: abortController ? React.createElement(core$1.Loader, { size: 16 }) : null, filter: handleFilter, creatable: true }));
     }
     function toDefaultItems(defaultValue) {
         if (!defaultValue) {
@@ -315,7 +316,7 @@
     }
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var defaultAttributes = {
@@ -331,7 +332,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var __defProp = Object.defineProperty;
@@ -394,7 +395,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconAdjustmentsHorizontal = createReactComponent(
@@ -414,7 +415,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconAlertCircle = createReactComponent("alert-circle", "IconAlertCircle", [
@@ -424,7 +425,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBleachOff = createReactComponent("bleach-off", "IconBleachOff", [
@@ -439,7 +440,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBleach = createReactComponent("bleach", "IconBleach", [
@@ -453,7 +454,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBoxMultiple = createReactComponent("box-multiple", "IconBoxMultiple", [
@@ -474,7 +475,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBracketsContain = createReactComponent("brackets-contain", "IconBracketsContain", [
@@ -486,7 +487,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBucketOff = createReactComponent("bucket-off", "IconBucketOff", [
@@ -508,7 +509,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconBucket = createReactComponent("bucket", "IconBucket", [
@@ -523,7 +524,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCalendar = createReactComponent("calendar", "IconCalendar", [
@@ -542,7 +543,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCheck = createReactComponent("check", "IconCheck", [
@@ -550,7 +551,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCheckbox = createReactComponent("checkbox", "IconCheckbox", [
@@ -565,7 +566,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCircleMinus = createReactComponent("circle-minus", "IconCircleMinus", [
@@ -574,7 +575,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCirclePlus = createReactComponent("circle-plus", "IconCirclePlus", [
@@ -584,7 +585,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCloudUpload = createReactComponent("cloud-upload", "IconCloudUpload", [
@@ -600,7 +601,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconColumns = createReactComponent("columns", "IconColumns", [
@@ -615,7 +616,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconCurrencyDollar = createReactComponent("currency-dollar", "IconCurrencyDollar", [
@@ -630,7 +631,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconDots = createReactComponent("dots", "IconDots", [
@@ -640,7 +641,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconEdit = createReactComponent("edit", "IconEdit", [
@@ -662,7 +663,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconEqualNot = createReactComponent("equal-not", "IconEqualNot", [
@@ -672,7 +673,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconEqual = createReactComponent("equal", "IconEqual", [
@@ -681,7 +682,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconFileAlert = createReactComponent("file-alert", "IconFileAlert", [
@@ -698,7 +699,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconFilePlus = createReactComponent("file-plus", "IconFilePlus", [
@@ -715,7 +716,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconFilter = createReactComponent("filter", "IconFilter", [
@@ -729,7 +730,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconListDetails = createReactComponent("list-details", "IconListDetails", [
@@ -754,7 +755,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconMathGreater = createReactComponent("math-greater", "IconMathGreater", [
@@ -762,7 +763,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconMathLower = createReactComponent("math-lower", "IconMathLower", [
@@ -770,7 +771,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconMessage = createReactComponent("message", "IconMessage", [
@@ -786,7 +787,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconPin = createReactComponent("pin", "IconPin", [
@@ -802,7 +803,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconPinnedOff = createReactComponent("pinned-off", "IconPinnedOff", [
@@ -819,7 +820,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconSettings = createReactComponent("settings", "IconSettings", [
@@ -834,7 +835,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconSortAscending = createReactComponent("sort-ascending", "IconSortAscending", [
@@ -846,7 +847,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconSortDescending = createReactComponent("sort-descending", "IconSortDescending", [
@@ -858,7 +859,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconSquare = createReactComponent("square", "IconSquare", [
@@ -872,7 +873,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconTableExport = createReactComponent("table-export", "IconTableExport", [
@@ -890,7 +891,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconTrash = createReactComponent("trash", "IconTrash", [
@@ -905,7 +906,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.14.0 - MIT
+     * @tabler/icons-react v2.16.0 - MIT
      */
 
     var IconX = createReactComponent("x", "IconX", [
@@ -2078,7 +2079,7 @@
      */
     function ValueSetAutocomplete(props) {
         const medplum = useMedplum();
-        const { elementDefinition, ...rest } = props;
+        const { elementDefinition, creatable, clearable, ...rest } = props;
         const loadValues = React.useCallback(async (input, signal) => {
             const system = elementDefinition.binding?.valueSet;
             const valueSet = await medplum.searchValueSet(system, input, { signal });
@@ -2091,7 +2092,7 @@
             }
             return newData;
         }, [medplum, elementDefinition]);
-        return (React.createElement(AsyncAutocomplete, { ...rest, creatable: true, clearable: true, toKey: toKey, toOption: toOption, loadOptions: loadValues, getCreateLabel: (query) => `+ Create ${query}`, onCreate: createValue }));
+        return (React.createElement(AsyncAutocomplete, { ...rest, creatable: creatable ?? true, clearable: clearable ?? true, toKey: toKey, toOption: toOption, loadOptions: loadValues, onCreate: createValue, getCreateLabel: creatable === false ? undefined : (query) => `+ Create ${query}` }));
     }
     function getDisplay(item) {
         return item.display || item.code || '';
@@ -2138,7 +2139,7 @@
                 props.onChange(newCode);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange }));
+        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange, creatable: props.creatable, maxSelectedValues: props.maxSelectedValues, clearSearchOnChange: props.clearSearchOnChange, clearable: props.clearable }));
     }
     function codeToValueSetElement(code) {
         return code ? { code } : undefined;