@availity/mui-autocomplete 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.5.1](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.5.0...@availity/mui-autocomplete@0.5.1) (2024-06-21)
+
+
+### Bug Fixes
+
+* add deps ([520c3c2](https://github.com/Availity/element/commit/520c3c2549af82006fc563bc453b010ed6aadb73))
+* add export and delay ([20d6792](https://github.com/Availity/element/commit/20d6792e7a995afa0f12e597fbd9fc4c16c92df2))
+
 ## [0.5.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.4.6...@availity/mui-autocomplete@0.5.0) (2024-06-20)
 
 

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import { AutocompleteProps as AutocompleteProps$1 } from '@mui/material/Autocomp
 import { ChipTypeMap } from '@mui/material/Chip';
 import { TextFieldProps } from '@availity/mui-textfield';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiConfig } from '@availity/api-axios';
 
 interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'clearIcon' | 'clearText' | 'closeText' | 'componentsProps' | 'disabledItemsFocusable' | 'forcePopupIcon' | 'fullWidth' | 'handleHomeEndKeys' | 'includeInputInList' | 'openOnFocus' | 'openText' | 'PaperComponent' | 'PopperComponent' | 'popupIcon' | 'selectOnFocus' | 'size' | 'renderInput' | 'slotProps'> {
     /** Props applied to the `TextField` component */
@@ -23,4 +24,16 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
 }
 declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react.ElementType<any> = "div">({ loadOptions, limit, ListboxProps, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps };
+type Organization = {
+    customerId: string;
+    name: string;
+    id: string;
+    createDate: string;
+    links: Record<string, Record<string, string>>;
+};
+interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'loadOptions'> {
+    apiConfig?: ApiConfig;
+}
+declare const OrganizationAutocomplete: ({ apiConfig, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
+
+export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { AutocompleteProps as AutocompleteProps$1 } from '@mui/material/Autocomp
 import { ChipTypeMap } from '@mui/material/Chip';
 import { TextFieldProps } from '@availity/mui-textfield';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiConfig } from '@availity/api-axios';
 
 interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'clearIcon' | 'clearText' | 'closeText' | 'componentsProps' | 'disabledItemsFocusable' | 'forcePopupIcon' | 'fullWidth' | 'handleHomeEndKeys' | 'includeInputInList' | 'openOnFocus' | 'openText' | 'PaperComponent' | 'PopperComponent' | 'popupIcon' | 'selectOnFocus' | 'size' | 'renderInput' | 'slotProps'> {
     /** Props applied to the `TextField` component */
@@ -23,4 +24,16 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
 }
 declare const AsyncAutocomplete: <Option, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react.ElementType<any> = "div">({ loadOptions, limit, ListboxProps, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
-export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps };
+type Organization = {
+    customerId: string;
+    name: string;
+    id: string;
+    createDate: string;
+    links: Record<string, Record<string, string>>;
+};
+interface OrgAutocompleteProps<Option = Organization, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'loadOptions'> {
+    apiConfig?: ApiConfig;
+}
+declare const OrganizationAutocomplete: ({ apiConfig, ...rest }: OrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
+
+export { AsyncAutocomplete, type AsyncAutocompleteProps, Autocomplete, type AutocompleteProps, type OrgAutocompleteProps, type Organization, OrganizationAutocomplete };

package/dist/index.js

@@ -80,7 +80,8 @@ var __async = (__this, __arguments, generator) => {
 var src_exports = {};
 __export(src_exports, {
   AsyncAutocomplete: () => AsyncAutocomplete,
-  Autocomplete: () => Autocomplete
+  Autocomplete: () => Autocomplete,
+  OrganizationAutocomplete: () => OrganizationAutocomplete
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -179,8 +180,37 @@ var AsyncAutocomplete = (_a) => {
     })
   );
 };
+
+// src/lib/OrganizationAutocomplete.tsx
+var import_api_axios = require("@availity/api-axios");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var fetchOrgs = (config) => __async(void 0, null, function* () {
+  try {
+    const resp = yield import_api_axios.avOrganizationsApi.getOrganizations(config);
+    return {
+      options: resp.data.organizations,
+      hasMore: config.params.offset + config.params.limit < resp.data.totalCount
+    };
+  } catch (e) {
+    return {
+      options: [],
+      hasMore: false
+    };
+  }
+});
+var OrganizationAutocomplete = (_a) => {
+  var _b = _a, { apiConfig = {} } = _b, rest = __objRest(_b, ["apiConfig"]);
+  const handleLoadOptions = (page, limit) => __async(void 0, null, function* () {
+    const offset = page * limit;
+    const resp = yield fetchOrgs(__spreadProps(__spreadValues({}, apiConfig), { params: __spreadProps(__spreadValues({ dropdown: true }, apiConfig.params), { offset, limit }) }));
+    return resp;
+  });
+  const handleGetOptionLabel = (org) => org.name;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AsyncAutocomplete, __spreadProps(__spreadValues({ getOptionLabel: handleGetOptionLabel }, rest), { loadOptions: handleLoadOptions }));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AsyncAutocomplete,
-  Autocomplete
+  Autocomplete,
+  OrganizationAutocomplete
 });

package/dist/index.mjs

@@ -147,7 +147,36 @@ var AsyncAutocomplete = (_a) => {
     })
   );
 };
+
+// src/lib/OrganizationAutocomplete.tsx
+import { avOrganizationsApi } from "@availity/api-axios";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var fetchOrgs = (config) => __async(void 0, null, function* () {
+  try {
+    const resp = yield avOrganizationsApi.getOrganizations(config);
+    return {
+      options: resp.data.organizations,
+      hasMore: config.params.offset + config.params.limit < resp.data.totalCount
+    };
+  } catch (e) {
+    return {
+      options: [],
+      hasMore: false
+    };
+  }
+});
+var OrganizationAutocomplete = (_a) => {
+  var _b = _a, { apiConfig = {} } = _b, rest = __objRest(_b, ["apiConfig"]);
+  const handleLoadOptions = (page, limit) => __async(void 0, null, function* () {
+    const offset = page * limit;
+    const resp = yield fetchOrgs(__spreadProps(__spreadValues({}, apiConfig), { params: __spreadProps(__spreadValues({ dropdown: true }, apiConfig.params), { offset, limit }) }));
+    return resp;
+  });
+  const handleGetOptionLabel = (org) => org.name;
+  return /* @__PURE__ */ jsx3(AsyncAutocomplete, __spreadProps(__spreadValues({ getOptionLabel: handleGetOptionLabel }, rest), { loadOptions: handleLoadOptions }));
+};
 export {
   AsyncAutocomplete,
-  Autocomplete
+  Autocomplete,
+  OrganizationAutocomplete
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -36,6 +36,9 @@
     "@mui/types": "^7.2.14"
   },
   "devDependencies": {
+    "@availity/api-axios": "^8.0.7",
+    "@availity/mui-form-utils": "^0.11.2",
+    "@availity/mui-textfield": "^0.5.20",
     "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -43,6 +46,7 @@
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
+    "@availity/api-axios": "^8.0.7",
     "@availity/mui-form-utils": "^0.11.2",
     "@availity/mui-textfield": "^0.5.20",
     "@mui/material": "^5.11.9",

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './lib/Autocomplete';
 export * from './lib/AsyncAutocomplete';
+export * from './lib/OrganizationAutocomplete';

package/src/lib/OrganizationAutocomplete.tsx

@@ -27,15 +27,15 @@ const fetchOrgs = async (config: ApiConfig): Promise<{ options: Organization[];
   }
 };
 
-export type OrgAutocompleteProps<
+export interface OrgAutocompleteProps<
   Option = Organization,
   Multiple extends boolean | undefined = false,
   DisableClearable extends boolean | undefined = false,
   FreeSolo extends boolean | undefined = false,
   ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent'],
-> = {
+> extends Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'loadOptions'> {
   apiConfig?: ApiConfig;
-} & Omit<AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'loadOptions'>;
+}
 
 export const OrganizationAutocomplete = ({ apiConfig = {}, ...rest }: OrgAutocompleteProps) => {
   const handleLoadOptions = async (page: number, limit: number) => {