@medplum/react 0.9.37 → 0.10.0

package/dist/esm/utils/outcomes.d.ts

@@ -1,2 +1,3 @@
 import { OperationOutcome, OperationOutcomeIssue } from '@medplum/fhirtypes';
+export declare function getErrorsForInput(outcome: OperationOutcome | undefined, expression: string | undefined): string | undefined;
 export declare function getIssuesForExpression(outcome: OperationOutcome | undefined, expression: string | undefined): OperationOutcomeIssue[] | undefined;

package/dist/esm/utils/outcomes.js

@@ -1,3 +1,7 @@
+function getErrorsForInput(outcome, expression) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return isExpressionMatch((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0], expression); })) === null || _b === void 0 ? void 0 : _b.map((issue) => { var _a; return (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text; })) === null || _c === void 0 ? void 0 : _c.join('\n');
+}
 function getIssuesForExpression(outcome, expression) {
     var _a;
     return (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return isExpressionMatch((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0], expression); });
@@ -21,5 +25,5 @@ function isExpressionMatch(expr1, expr2) {
     return false;
 }
 
-export { getIssuesForExpression };
+export { getErrorsForInput, getIssuesForExpression };
 //# sourceMappingURL=outcomes.js.map

package/dist/esm/utils/outcomes.js.map

@@ -1 +1 @@
-{"version":3,"file":"outcomes.js","sources":["../../../src/utils/outcomes.ts"],"sourcesContent":["import { OperationOutcome, OperationOutcomeIssue } from '@medplum/fhirtypes';\n\nexport function getIssuesForExpression(\n  outcome: OperationOutcome | undefined,\n  expression: string | undefined\n): OperationOutcomeIssue[] | undefined {\n  return outcome?.issue?.filter((issue) => isExpressionMatch(issue.expression?.[0], expression));\n}\n\nfunction isExpressionMatch(expr1: string | undefined, expr2: string | undefined): boolean {\n  // Expression can be either \"fieldName\" or \"resourceType.fieldName\"\n  if (expr1 === expr2) {\n    return true;\n  }\n  if (!expr1 || !expr2) {\n    return false;\n  }\n  const dot1 = expr1.indexOf('.');\n  if (dot1 >= 0 && expr1.substring(dot1 + 1) === expr2) {\n    return true;\n  }\n  const dot2 = expr2.indexOf('.');\n  if (dot2 >= 0 && expr2.substring(dot2 + 1) === expr1) {\n    return true;\n  }\n  return false;\n}\n"],"names":[],"mappings":"AAEgB,SAAA,sBAAsB,CACpC,OAAqC,EACrC,UAA8B,EAAA;;AAE9B,IAAA,OAAO,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,CAAC,CAAC,KAAK,KAAI,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,iBAAiB,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC,CAAC;AACjG,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAyB,EAAE,KAAyB,EAAA;;IAE7E,IAAI,KAAK,KAAK,KAAK,EAAE;AACnB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;AACpB,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAChC,IAAA,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE;AACpD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAChC,IAAA,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE;AACpD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"outcomes.js","sources":["../../../src/utils/outcomes.ts"],"sourcesContent":["import { OperationOutcome, OperationOutcomeIssue } from '@medplum/fhirtypes';\n\nexport function getErrorsForInput(\n  outcome: OperationOutcome | undefined,\n  expression: string | undefined\n): string | undefined {\n  return outcome?.issue\n    ?.filter((issue) => isExpressionMatch(issue.expression?.[0], expression))\n    ?.map((issue) => issue.details?.text)\n    ?.join('\\n');\n}\n\nexport function getIssuesForExpression(\n  outcome: OperationOutcome | undefined,\n  expression: string | undefined\n): OperationOutcomeIssue[] | undefined {\n  return outcome?.issue?.filter((issue) => isExpressionMatch(issue.expression?.[0], expression));\n}\n\nfunction isExpressionMatch(expr1: string | undefined, expr2: string | undefined): boolean {\n  // Expression can be either \"fieldName\" or \"resourceType.fieldName\"\n  if (expr1 === expr2) {\n    return true;\n  }\n  if (!expr1 || !expr2) {\n    return false;\n  }\n  const dot1 = expr1.indexOf('.');\n  if (dot1 >= 0 && expr1.substring(dot1 + 1) === expr2) {\n    return true;\n  }\n  const dot2 = expr2.indexOf('.');\n  if (dot2 >= 0 && expr2.substring(dot2 + 1) === expr1) {\n    return true;\n  }\n  return false;\n}\n"],"names":[],"mappings":"AAEgB,SAAA,iBAAiB,CAC/B,OAAqC,EACrC,UAA8B,EAAA;;IAE9B,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CACjB,MAAM,CAAC,CAAC,KAAK,KAAI,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,iBAAiB,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CACvE,GAAG,CAAC,CAAC,KAAK,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAA,EAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CACnC,IAAI,CAAC,IAAI,CAAC,CAAC;AACjB,CAAC;AAEe,SAAA,sBAAsB,CACpC,OAAqC,EACrC,UAA8B,EAAA;;AAE9B,IAAA,OAAO,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,CAAC,CAAC,KAAK,KAAI,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,iBAAiB,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC,CAAC;AACjG,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAyB,EAAE,KAAyB,EAAA;;IAE7E,IAAI,KAAK,KAAK,KAAK,EAAE;AACnB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;AACpB,QAAA,OAAO,KAAK,CAAC;AACd,KAAA;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAChC,IAAA,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE;AACpD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAChC,IAAA,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE;AACpD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.37",
+  "version": "0.10.0",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,36 +19,44 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.37",
-    "@medplum/fhirtypes": "0.9.37",
-    "@medplum/mock": "0.9.37",
-    "@storybook/addon-actions": "6.5.10",
-    "@storybook/addon-essentials": "6.5.10",
-    "@storybook/addon-links": "6.5.10",
-    "@storybook/builder-webpack5": "6.5.10",
-    "@storybook/manager-webpack5": "6.5.10",
-    "@storybook/react": "6.5.10",
-    "@testing-library/dom": "8.17.1",
+    "@emotion/react": "11.10.4",
+    "@mantine/core": "5.5.0",
+    "@mantine/hooks": "5.5.0",
+    "@medplum/core": "0.10.0",
+    "@medplum/fhirtypes": "0.10.0",
+    "@medplum/mock": "0.10.0",
+    "@tabler/icons": "1.101.0",
+    "@storybook/addon-actions": "6.5.12",
+    "@storybook/addon-essentials": "6.5.12",
+    "@storybook/addon-links": "6.5.12",
+    "@storybook/builder-webpack5": "6.5.12",
+    "@storybook/manager-webpack5": "6.5.12",
+    "@storybook/react": "6.5.12",
+    "@testing-library/dom": "8.18.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
-    "@types/jest": "29.0.0",
-    "@types/node": "18.7.15",
-    "@types/react": "18.0.18",
+    "@types/jest": "29.1.1",
+    "@types/node": "18.7.23",
+    "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
     "@types/react-router-dom": "5.3.3",
     "dotenv-webpack": "8.0.1",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.0.2",
-    "jest-each": "29.0.2",
+    "jest": "29.1.2",
+    "jest-each": "29.1.2",
     "html-webpack-plugin": "5.5.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "6.3.0",
+    "react-router-dom": "6.4.1",
     "rimraf": "3.0.2",
-    "typescript": "4.8.2"
+    "typescript": "4.8.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.37",
+    "@emotion/react": "^11.10.4",
+    "@mantine/core": "^5.4.0",
+    "@mantine/hooks": "^5.4.0",
+    "@medplum/core": "0.10.0",
+    "@tabler/icons": "^1.100.0",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"

package/dist/cjs/Autocomplete.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import './Autocomplete.css';
-export interface AutocompleteProps<T> {
-    name: string;
-    multiple?: boolean;
-    autofocus?: boolean;
-    defaultValue?: T[];
-    className?: string;
-    placeholder?: string;
-    loadOnFocus?: boolean;
-    loadOptions: (input: string, signal: AbortSignal) => Promise<T[]>;
-    buildUnstructured?: (input: string) => T;
-    getId: (item: T) => string;
-    getIcon?: (item: T) => JSX.Element;
-    getDisplay: (item: T) => JSX.Element;
-    getHelpText?: (item: T) => string | undefined;
-    onChange?: (values: T[]) => void;
-    onCreateNew?: () => void;
-}
-export declare function Autocomplete<T>(props: AutocompleteProps<T>): JSX.Element;

package/dist/cjs/Avatar.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Reference, Resource } from '@medplum/fhirtypes';
-import './Avatar.css';
-export interface AvatarProps {
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
-    value?: Reference | Resource;
-    src?: string;
-    alt?: string;
-    color?: string;
-    link?: boolean;
-}
-export declare function Avatar(props: AvatarProps): JSX.Element;

package/dist/cjs/Button.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './Button.css';
-export interface ButtonProps {
-    type?: 'button' | 'submit';
-    style?: React.CSSProperties;
-    primary?: boolean;
-    danger?: boolean;
-    borderless?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    onClick?: (e: React.MouseEvent) => void;
-    children: React.ReactNode;
-    label?: string;
-    testid?: string;
-}
-export declare function Button(props: ButtonProps): JSX.Element;

package/dist/cjs/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import { RefObject } from 'react';
-import './Checkbox.css';
-export interface CheckboxProps {
-    name?: string;
-    defaultValue?: boolean | number;
-    required?: boolean;
-    inputRef?: RefObject<HTMLInputElement>;
-    testid?: string;
-    disabled?: boolean;
-    onChange?: (newValue: boolean) => void;
-}
-export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/cjs/Dialog.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './Dialog.css';
-export interface DialogProps {
-    visible: boolean;
-    title: string;
-    children?: React.ReactNode;
-    onOk: () => void;
-    onCancel: () => void;
-}
-export declare function Dialog(props: DialogProps): JSX.Element | null;

package/dist/cjs/Header.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { UserConfiguration } from '@medplum/fhirtypes';
-import './Header.css';
-export interface HeaderProps {
-    readonly title?: string;
-    readonly bgColor?: string;
-    readonly onLogo?: () => void;
-    readonly onProfile?: () => void;
-    readonly onSignOut?: () => void;
-    readonly config?: UserConfiguration;
-}
-export declare function Header(props: HeaderProps): JSX.Element;

package/dist/cjs/HeaderSearchInput.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Patient, ServiceRequest } from '@medplum/fhirtypes';
-export declare type HeaderSearchTypes = Patient | ServiceRequest;
-export interface HeaderSearchInputProps {
-    readonly name: string;
-    readonly className?: string;
-    readonly placeholder?: string;
-    readonly onChange: (value: HeaderSearchTypes) => void;
-}
-export declare function HeaderSearchInput(props: HeaderSearchInputProps): JSX.Element;

package/dist/cjs/Input.d.ts

@@ -1,22 +0,0 @@
-import { OperationOutcome } from '@medplum/fhirtypes';
-import React, { RefObject } from 'react';
-import './Input.css';
-export interface InputProps {
-    name?: string;
-    type?: string;
-    size?: number;
-    step?: number | 'any';
-    style?: React.CSSProperties;
-    defaultValue?: string | number;
-    required?: boolean;
-    autoCapitalize?: string;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    inputRef?: RefObject<HTMLInputElement>;
-    outcome?: OperationOutcome;
-    placeholder?: string;
-    testid?: string;
-    disabled?: boolean;
-    onChange?: (newValue: string) => void;
-}
-export declare function Input(props: InputProps): JSX.Element;

package/dist/cjs/InputRow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './InputRow.css';
-export interface InputRowProps {
-    justifyContent?: string;
-    children: React.ReactNode;
-}
-export declare function InputRow(props: InputRowProps): JSX.Element;

package/dist/cjs/Loading.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './Loading.css';
-export declare function Loading(): JSX.Element;

package/dist/cjs/MenuItem.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './MenuItem.css';
-interface MenuItemProps {
-    onClick: () => void;
-    label?: string;
-    children: React.ReactNode;
-}
-export declare function MenuItem(props: MenuItemProps): JSX.Element;
-export {};

package/dist/cjs/MenuSeparator.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './MenuSeparator.css';
-export declare function MenuSeparator(): JSX.Element;

package/dist/cjs/Popup.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './Popup.css';
-interface PopupProps {
-    visible: boolean;
-    anchor?: DOMRectReadOnly;
-    modal?: boolean;
-    autoClose?: boolean;
-    onClose: () => void;
-    activeClassName?: string;
-    inactiveClassName?: string;
-    children?: React.ReactNode;
-}
-export declare function Popup(props: PopupProps): JSX.Element;
-export {};

package/dist/cjs/Select.d.ts

@@ -1,16 +0,0 @@
-import { OperationOutcome } from '@medplum/fhirtypes';
-import React, { RefObject } from 'react';
-import './Select.css';
-export interface SelectProps {
-    name?: string;
-    defaultValue?: string;
-    required?: boolean;
-    autoFocus?: boolean;
-    inputRef?: RefObject<HTMLSelectElement>;
-    children: React.ReactNode;
-    outcome?: OperationOutcome;
-    testid?: string;
-    style?: React.CSSProperties;
-    onChange?: (newValue: string) => void;
-}
-export declare function Select(props: SelectProps): JSX.Element;

package/dist/cjs/SubMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './SubMenu.css';
-export interface SubMenuProps {
-    title: string;
-    children: React.ReactNode;
-}
-export declare function SubMenu(props: SubMenuProps): JSX.Element;

package/dist/cjs/TextArea.d.ts

@@ -1,18 +0,0 @@
-import { OperationOutcome } from '@medplum/fhirtypes';
-import React, { RefObject } from 'react';
-import './TextArea.css';
-export interface TextAreaProps {
-    name?: string;
-    defaultValue?: string;
-    required?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    inputRef?: RefObject<HTMLTextAreaElement>;
-    outcome?: OperationOutcome;
-    placeholder?: string;
-    testid?: string;
-    monospace?: boolean;
-    style?: React.CSSProperties;
-    onChange?: (newValue: string) => void;
-}
-export declare function TextArea(props: TextAreaProps): JSX.Element;

package/dist/cjs/UploadButton.d.ts

@@ -1,7 +0,0 @@
-import { Attachment } from '@medplum/fhirtypes';
-import React from 'react';
-export interface UploadButtonProps {
-    onUpload: (attachment: Attachment) => void;
-    children?: React.ReactNode;
-}
-export declare function UploadButton(props: UploadButtonProps): JSX.Element;

package/dist/cjs/stories/Autocomplete.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Single: () => JSX.Element;
-export declare const Multiple: () => JSX.Element;
-export declare const Prefilled: () => JSX.Element;
-export declare const HelpText: () => JSX.Element;
-export declare const LoadOnFocus: () => JSX.Element;

package/dist/cjs/stories/Button.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Primary: () => JSX.Element;
-export declare const Secondary: () => JSX.Element;
-export declare const Danger: () => JSX.Element;
-export declare const Large: () => JSX.Element;
-export declare const Small: () => JSX.Element;

package/dist/cjs/stories/Header.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { HeaderProps } from '../Header';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: (args: HeaderProps) => JSX.Element;
-export declare const CustomColor: (args: HeaderProps) => JSX.Element;
-export declare const Search: (args: HeaderProps) => JSX.Element;

package/dist/cjs/stories/Loading.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Example: () => JSX.Element;

package/dist/esm/Autocomplete.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import './Autocomplete.css';
-export interface AutocompleteProps<T> {
-    name: string;
-    multiple?: boolean;
-    autofocus?: boolean;
-    defaultValue?: T[];
-    className?: string;
-    placeholder?: string;
-    loadOnFocus?: boolean;
-    loadOptions: (input: string, signal: AbortSignal) => Promise<T[]>;
-    buildUnstructured?: (input: string) => T;
-    getId: (item: T) => string;
-    getIcon?: (item: T) => JSX.Element;
-    getDisplay: (item: T) => JSX.Element;
-    getHelpText?: (item: T) => string | undefined;
-    onChange?: (values: T[]) => void;
-    onCreateNew?: () => void;
-}
-export declare function Autocomplete<T>(props: AutocompleteProps<T>): JSX.Element;