@medplum/react 3.2.4 → 3.2.5

package/dist/cjs/index.d.ts

@@ -797,7 +797,20 @@ export declare interface MedplumProviderProps {
 
 export declare const MemoizedFhirPathTable: MemoExoticComponent<typeof FhirPathTable>;
 
-export declare const MemoizedSearchControl: MemoExoticComponent<typeof SearchControl>;
+/**
+ * @deprecated
+ *
+ * The memoization `MemoizedSearchControl` provides has been merged into `SearchControl`. Previously the memoization was done via HOC but
+ * it was proven that this wasn't effective for a large number of use cases, especially when:
+ * 1. `search` was an inline static object, which would trigger the memo to recompute on every re-render of the parent component
+ * 2. Any of the callbacks, such as `onClick` were not memoized via `useCallback`, which would result in the recomputation as well
+ *
+ * Scenario 1 also retriggered the effect that runs `loadResults` on change of the `search`, which was less than desirable.
+ *
+ * The memoization is now accomplished via checking deep equality of the incoming `search` prop in the body of the component, and setting a memoized
+ * state whenever the incoming and current memoized value are not deeply equal. See: https://github.com/medplum/medplum/pull/5023
+ */
+export declare const MemoizedSearchControl: typeof SearchControl;
 
 export declare function MoneyDisplay(props: MoneyDisplayProps): JSX.Element | null;
 
@@ -948,8 +961,11 @@ export declare interface QuestionnaireFormProps {
     readonly questionnaire: Questionnaire | Reference<Questionnaire>;
     readonly subject?: Reference;
     readonly encounter?: Reference<Encounter>;
+    readonly disablePagination?: boolean;
+    readonly excludeButtons?: boolean;
     readonly submitButtonText?: string;
-    readonly onSubmit: (response: QuestionnaireResponse) => void;
+    readonly onChange?: (response: QuestionnaireResponse) => void;
+    readonly onSubmit?: (response: QuestionnaireResponse) => void;
 }
 
 export declare enum QuestionnaireItemType {
@@ -1147,6 +1163,7 @@ export declare interface ResourceInputProps<T extends Resource = Resource> {
     readonly placeholder?: string;
     readonly loadOnFocus?: boolean;
     readonly required?: boolean;
+    readonly itemComponent?: (props: AsyncAutocompleteOption<T>) => JSX.Element | ReactNode;
     readonly onChange?: (value: T | undefined) => void;
     readonly disabled?: boolean;
 }

package/dist/esm/index.d.ts

@@ -797,7 +797,20 @@ export declare interface MedplumProviderProps {
 
 export declare const MemoizedFhirPathTable: MemoExoticComponent<typeof FhirPathTable>;
 
-export declare const MemoizedSearchControl: MemoExoticComponent<typeof SearchControl>;
+/**
+ * @deprecated
+ *
+ * The memoization `MemoizedSearchControl` provides has been merged into `SearchControl`. Previously the memoization was done via HOC but
+ * it was proven that this wasn't effective for a large number of use cases, especially when:
+ * 1. `search` was an inline static object, which would trigger the memo to recompute on every re-render of the parent component
+ * 2. Any of the callbacks, such as `onClick` were not memoized via `useCallback`, which would result in the recomputation as well
+ *
+ * Scenario 1 also retriggered the effect that runs `loadResults` on change of the `search`, which was less than desirable.
+ *
+ * The memoization is now accomplished via checking deep equality of the incoming `search` prop in the body of the component, and setting a memoized
+ * state whenever the incoming and current memoized value are not deeply equal. See: https://github.com/medplum/medplum/pull/5023
+ */
+export declare const MemoizedSearchControl: typeof SearchControl;
 
 export declare function MoneyDisplay(props: MoneyDisplayProps): JSX.Element | null;
 
@@ -948,8 +961,11 @@ export declare interface QuestionnaireFormProps {
     readonly questionnaire: Questionnaire | Reference<Questionnaire>;
     readonly subject?: Reference;
     readonly encounter?: Reference<Encounter>;
+    readonly disablePagination?: boolean;
+    readonly excludeButtons?: boolean;
     readonly submitButtonText?: string;
-    readonly onSubmit: (response: QuestionnaireResponse) => void;
+    readonly onChange?: (response: QuestionnaireResponse) => void;
+    readonly onSubmit?: (response: QuestionnaireResponse) => void;
 }
 
 export declare enum QuestionnaireItemType {
@@ -1147,6 +1163,7 @@ export declare interface ResourceInputProps<T extends Resource = Resource> {
     readonly placeholder?: string;
     readonly loadOnFocus?: boolean;
     readonly required?: boolean;
+    readonly itemComponent?: (props: AsyncAutocompleteOption<T>) => JSX.Element | ReactNode;
     readonly onChange?: (value: T | undefined) => void;
     readonly disabled?: boolean;
 }