@availity/mui-autocomplete 1.2.2 → 1.2.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.2.4](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.3...@availity/mui-autocomplete@1.2.4) (2025-06-18)
+
+
+### Bug Fixes
+
+* **mui-autocomplete:** serialize organization params ([23d9dce](https://github.com/Availity/element/commit/23d9dce0bd63e9417a8a79a95ab2c7e5c8946301))
+
+## [1.2.3](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.2...@availity/mui-autocomplete@1.2.3) (2025-05-30)
+
+
+### Bug Fixes
+
+* **mui-autocomplete:** getNextPageParam should return undefined if no more pages ([b1ff081](https://github.com/Availity/element/commit/b1ff0817b3f97ce5e6f755cd5fb463a1881578a5))
+
 ## [1.2.2](https://github.com/Availity/element/compare/@availity/mui-autocomplete@1.2.1...@availity/mui-autocomplete@1.2.2) (2025-05-29)
 
 ### Dependency Updates

package/dist/index.js

@@ -199,7 +199,7 @@ var AsyncAutocomplete = (_a) => {
       return loadOptions(pageParam, limit, debouncedInput);
     }),
     staleTime: 1e4,
-    getNextPageParam: (lastPage) => lastPage.hasMore ? lastPage.offset + limit : false
+    getNextPageParam: (lastPage) => lastPage.hasMore ? lastPage.offset + limit : void 0
   }, queryOptions));
   const options = (data == null ? void 0 : data.pages) ? data.pages.map((page) => page.options).flat() : [];
   const handleOnInputChange = (event, value, reason) => {
@@ -281,9 +281,15 @@ var CodesAutocomplete = (_a) => {
 
 // src/lib/OrganizationAutocomplete.tsx
 var import_api_axios2 = require("@availity/api-axios");
+var import_qs = __toESM(require("qs"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var fetchOrgs = (config) => __async(void 0, null, function* () {
-  const resp = yield import_api_axios2.avOrganizationsApi.getOrganizations(config);
+  const configWithParamsSerializer = __spreadProps(__spreadValues({}, config), {
+    paramsSerializer: {
+      serialize: (params) => import_qs.default.stringify(params, { arrayFormat: "repeat" })
+    }
+  });
+  const resp = yield import_api_axios2.avOrganizationsApi.getOrganizations(configWithParamsSerializer);
   return {
     options: resp.data.organizations,
     hasMore: config.params.offset + config.params.limit < resp.data.totalCount,

package/dist/index.mjs

@@ -157,7 +157,7 @@ var AsyncAutocomplete = (_a) => {
       return loadOptions(pageParam, limit, debouncedInput);
     }),
     staleTime: 1e4,
-    getNextPageParam: (lastPage) => lastPage.hasMore ? lastPage.offset + limit : false
+    getNextPageParam: (lastPage) => lastPage.hasMore ? lastPage.offset + limit : void 0
   }, queryOptions));
   const options = (data == null ? void 0 : data.pages) ? data.pages.map((page) => page.options).flat() : [];
   const handleOnInputChange = (event, value, reason) => {
@@ -239,9 +239,15 @@ var CodesAutocomplete = (_a) => {
 
 // src/lib/OrganizationAutocomplete.tsx
 import { avOrganizationsApi } from "@availity/api-axios";
+import qs from "qs";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var fetchOrgs = (config) => __async(void 0, null, function* () {
-  const resp = yield avOrganizationsApi.getOrganizations(config);
+  const configWithParamsSerializer = __spreadProps(__spreadValues({}, config), {
+    paramsSerializer: {
+      serialize: (params) => qs.stringify(params, { arrayFormat: "repeat" })
+    }
+  });
+  const resp = yield avOrganizationsApi.getOrganizations(configWithParamsSerializer);
   return {
     options: resp.data.organizations,
     hasMore: config.params.offset + config.params.limit < resp.data.totalCount,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-autocomplete",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Availity MUI Autocomplete Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -41,7 +41,8 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@mui/types": "^7.2.21"
+    "@mui/types": "^7.2.21",
+    "qs": "^6.14.0"
   },
   "devDependencies": {
     "@availity/api-axios": "^11.0.0",

package/src/lib/AsyncAutocomplete.test.tsx

@@ -114,7 +114,8 @@ describe('AsyncAutocomplete', () => {
     fireEvent.keyDown(input, { key: 'ArrowDown' });
 
     await waitFor(() => {
-      expect(screen.getByText('Option 1')).toBeDefined();
+      expect(screen.getByText('Option 0')).toBeDefined();
+      expect(() => screen.getByText('Option 10')).toThrow();
     });
 
     await act(async () => {
@@ -124,7 +125,7 @@ describe('AsyncAutocomplete', () => {
 
     await waitFor(() => {
       expect(screen.getByText('Option 10')).toBeDefined();
-      expect(() => screen.getByText('Option 20')).toThrowError();
+      expect(() => screen.getByText('Option 20')).toThrow();
     });
   });
 

package/src/lib/AsyncAutocomplete.tsx

@@ -67,7 +67,7 @@ export const AsyncAutocomplete = <
     queryKey: [queryKey, limit, debouncedInput, watchParams],
     queryFn: async ({ pageParam = 0 }) => loadOptions(pageParam, limit, debouncedInput),
     staleTime: 10000,
-    getNextPageParam: (lastPage) => (lastPage.hasMore ? lastPage.offset + limit : false),
+    getNextPageParam: (lastPage) => (lastPage.hasMore ? lastPage.offset + limit : undefined),
     ...queryOptions,
   });
 

package/src/lib/OrganizationAutocomplete.tsx

@@ -1,5 +1,6 @@
 import { avOrganizationsApi, ApiConfig } from '@availity/api-axios';
 import type { ChipTypeMap } from '@mui/material/Chip';
+import qs from 'qs';
 
 import { AsyncAutocomplete, AsyncAutocompleteProps } from './AsyncAutocomplete';
 import type { Optional } from './util';
@@ -15,7 +16,15 @@ export type Organization = {
 export const fetchOrgs = async (
   config: ApiConfig
 ): Promise<{ options: Organization[]; hasMore: boolean; offset: number }> => {
-  const resp = await avOrganizationsApi.getOrganizations(config);
+  // Configure axios to use 'repeat' format for arrays (no brackets)
+  const configWithParamsSerializer = {
+    ...config,
+    paramsSerializer: {
+      serialize: (params: Record<string, any>) => qs.stringify(params, { arrayFormat: 'repeat' }),
+    },
+  };
+
+  const resp = await avOrganizationsApi.getOrganizations(configWithParamsSerializer);
 
   return {
     options: resp.data.organizations as Organization[],