@availity/mui-autocomplete 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.4.1](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.4.0...@availity/mui-autocomplete@0.4.1) (2024-04-17)
+
+
+### Bug Fixes
+
+* **mui-autocomplete:** remove disableListWrap and spread ListboxProps ([e782424](https://github.com/Availity/element/commit/e782424d738018c8ba2e8397d534f537d1962435))
+
 ## [0.4.0](https://github.com/Availity/element/compare/@availity/mui-autocomplete@0.3.2...@availity/mui-autocomplete@0.4.0) (2024-04-11)
 
 

package/dist/index.d.ts

@@ -10,7 +10,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
 }
 declare const Autocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react.ElementType<any> = "div">({ FieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
 
-interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options'> {
+interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options' | 'disableListWrap'> {
     /** Function that returns a promise with options and hasMore */
     loadOptions: (page: number, limit: number) => Promise<{
         options: Option[];
@@ -20,6 +20,6 @@ interface AsyncAutocompleteProps<Option, Multiple extends boolean | undefined, D
      * @default 50 */
     limit?: number;
 }
-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, ...rest }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+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>) => JSX.Element;
 
 export { AsyncAutocomplete, AsyncAutocompleteProps, Autocomplete, AutocompleteProps };

package/dist/index.js

@@ -101,6 +101,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var AsyncAutocomplete = ({
   loadOptions,
   limit = 50,
+  ListboxProps,
   ...rest
 }) => {
   const [page, setPage] = (0, import_react2.useState)(0);
@@ -125,6 +126,7 @@ var AsyncAutocomplete = ({
     loading,
     options,
     ListboxProps: {
+      ...ListboxProps,
       onScroll: async (event) => {
         const listboxNode = event.currentTarget;
         const difference = listboxNode.scrollHeight - (listboxNode.scrollTop + listboxNode.clientHeight);

package/dist/index.mjs

@@ -70,6 +70,7 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 var AsyncAutocomplete = ({
   loadOptions,
   limit = 50,
+  ListboxProps,
   ...rest
 }) => {
   const [page, setPage] = useState(0);
@@ -94,6 +95,7 @@ var AsyncAutocomplete = ({
     loading,
     options,
     ListboxProps: {
+      ...ListboxProps,
       onScroll: async (event) => {
         const listboxNode = event.currentTarget;
         const difference = listboxNode.scrollHeight - (listboxNode.scrollTop + listboxNode.clientHeight);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -43,8 +43,8 @@
     "typescript": "^4.6.4"
   },
   "peerDependencies": {
-    "@availity/mui-form-utils": "^0.10.1",
-    "@availity/mui-textfield": "^0.5.15",
+    "@availity/mui-form-utils": "^0.10.2",
+    "@availity/mui-textfield": "^0.5.16",
     "@mui/material": "^5.11.9",
     "react": ">=16.3.0"
   },

package/src/lib/AsyncAutocomplete.tsx

@@ -9,7 +9,10 @@ export interface AsyncAutocompleteProps<
   DisableClearable extends boolean | undefined,
   FreeSolo extends boolean | undefined,
   ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']
-> extends Omit<AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'options'> {
+> extends Omit<
+    AutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>,
+    'options' | 'disableListWrap'
+  > {
   /** Function that returns a promise with options and hasMore */
   loadOptions: (page: number, limit: number) => Promise<{ options: Option[]; hasMore: boolean }>;
   /** The number of options to request from the api
@@ -26,6 +29,7 @@ export const AsyncAutocomplete = <
 >({
   loadOptions,
   limit = 50,
+  ListboxProps,
   ...rest
 }: AsyncAutocompleteProps<Option, Multiple, DisableClearable, FreeSolo, ChipComponent>) => {
   const [page, setPage] = useState(0);
@@ -54,6 +58,7 @@ export const AsyncAutocomplete = <
       loading={loading}
       options={options}
       ListboxProps={{
+        ...ListboxProps,
         onScroll: async (event: React.SyntheticEvent) => {
           const listboxNode = event.currentTarget;
           const difference = listboxNode.scrollHeight - (listboxNode.scrollTop + listboxNode.clientHeight);