feat(select): only return all providers if opt in

Availity · Jan 10, 2024 · 5325f64 · 5325f64
1 parent 754db29
commit 5325f64
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 17 deletions.
diff --git a/packages/select/src/AvProviderSelect.js b/packages/select/src/AvProviderSelect.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { avProvidersApi } from '@availity/api-axios';
+import ResourceSelect from './ResourceSelect';
+
+const ProviderSelect = ResourceSelect.create({
+  resource: avProvidersApi,
+  labelKey: 'uiDisplayName',
+  valueKey: 'npi',
+  requiredParams: ['customerId'],
+  watchParams: ['customerId'],
+});
+
+const AvProviderSelect = ({ searchAll = false, parameters: originalParams, ...props }) => {
+  let parameters = originalParams;
+  if (!searchAll) {
+    parameters = { ...originalParams, role: 'OFFICE' };
+  }
+  return <ProviderSelect {...props} parameters={parameters} />;
+};
+
+AvProviderSelect.propTypes = {
+  searchAll: PropTypes.bool,
+  parameters: PropTypes.object(),
+};
+
+export default AvProviderSelect;
diff --git a/packages/select/src/SelectField.js b/packages/select/src/SelectField.js
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { FormText } from 'reactstrap';
+// eslint-disable-next-line import/no-unresolved
 import { FormGroup, Feedback, Label } from '@availity/form';
 
 import Select from './Select';

diff --git a/packages/select/src/resources.d.ts b/packages/select/src/resources.d.ts
@@ -10,7 +10,7 @@ export { AvOrganizationSelect, AvRegionSelect };
 type PrebuiltResourceSelectProps<
   Option,
   IsMulti extends boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 > = Omit<ResourceSelectProps<Option, IsMulti, Group>, 'resource'>;
 
 type Code = {
@@ -21,7 +21,7 @@ type Code = {
 export declare const AvCodeSelect: <
   Option = Code,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
   props: PrebuiltResourceSelectProps<Option, IsMulti, Group>
 ) => JSX.Element;
@@ -40,7 +40,7 @@ type NavOption = {
 export declare const AvNavigationSelect: <
   Option = NavOption,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
   props: PrebuiltResourceSelectProps<Option, IsMulti, Group>
 ) => JSX.Element;
@@ -54,7 +54,7 @@ type Payer = {
 export declare const AvPayerSelect: <
   Option = Payer,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
   props: PrebuiltResourceSelectProps<Option, IsMulti, Group> & { customerId: string }
 ) => JSX.Element;
@@ -84,7 +84,7 @@ type Permission = {
 export declare const AvPermissionSelect: <
   Option = Permission,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
   props: PrebuiltResourceSelectProps<Option, IsMulti, Group>
 ) => JSX.Element;
@@ -109,12 +109,20 @@ type Provider = {
   };
 };
 
+type AvProviderSelectProps<
+  Option,
+  IsMulti extends boolean = boolean,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+> = PrebuiltResourceSelectProps<Option, IsMulti, Group> & {
+  searchAll?: boolean;
+};
+
 export declare const AvProviderSelect: <
   Option = Provider,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
-  props: PrebuiltResourceSelectProps<Option, IsMulti, Group> & { customerId: string }
+  props: AvProviderSelectProps<Option, IsMulti, Group> & { customerId: string }
 ) => JSX.Element;
 
 type User = {
@@ -135,7 +143,7 @@ type User = {
 export declare const AvUserSelect: <
   Option = User,
   IsMulti extends boolean = boolean,
-  Group extends GroupBase<Option> = GroupBase<Option>
+  Group extends GroupBase<Option> = GroupBase<Option>,
 >(
   props: PrebuiltResourceSelectProps<Option, IsMulti, Group>
 ) => JSX.Element;

diff --git a/packages/select/src/resources.js b/packages/select/src/resources.js
@@ -1,9 +1,10 @@
-import { avCodesApi, avNavigationApi, avPermissionsApi, avProvidersApi, avUserApi } from '@availity/api-axios';
+import { avCodesApi, avNavigationApi, avPermissionsApi, avUserApi } from '@availity/api-axios';
 
 import ResourceSelect from './ResourceSelect';
 import AvOrganizationSelect from './AvOrganizationSelect';
 import AvPayerSelect from './AvPayerSelect';
 import AvRegionSelect from './AvRegionSelect';
+import AvProviderSelect from './AvProviderSelect';
 
 const AvCodeSelect = ResourceSelect.create({
   resource: avCodesApi,
@@ -25,14 +26,6 @@ const AvPermissionSelect = ResourceSelect.create({
   valueKey: 'id',
 });
 
-const AvProviderSelect = ResourceSelect.create({
-  resource: avProvidersApi,
-  labelKey: 'uiDisplayName',
-  valueKey: 'npi',
-  requiredParams: ['customerId'],
-  watchParams: ['customerId'],
-});
-
 const AvUserSelect = ResourceSelect.create({
   resource: avUserApi,
   getOptionLabel: (option) => `${option.firstName} ${option.lastName} (${option.id}) - ${option.userId}`,

diff --git a/packages/select/tests/ResourceSelect.test.js b/packages/select/tests/ResourceSelect.test.js
@@ -3,6 +3,7 @@ import { fireEvent, render, waitFor } from '@testing-library/react';
 import AvApi, { avRegionsApi, avProvidersApi, avCodesApi } from '@availity/api-axios';
 import userEvent from '@testing-library/user-event';
 import { Button } from 'reactstrap';
+// eslint-disable-next-line import/no-unresolved
 import { Form } from '@availity/form';
 
 import { ResourceSelect } from '../src';

diff --git a/packages/select/tests/Select.test.js b/packages/select/tests/Select.test.js
@@ -3,6 +3,7 @@ import { render, fireEvent, waitFor } from '@testing-library/react';
 import { Button } from 'reactstrap';
 import { components } from 'react-select';
 import * as yup from 'yup';
+// eslint-disable-next-line import/no-unresolved
 import { Form, Input } from '@availity/form';
 
 import Select from '../src';

diff --git a/packages/select/tests/SelectField.test.js b/packages/select/tests/SelectField.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Button } from 'reactstrap';
+// eslint-disable-next-line import/no-unresolved
 import { Form } from '@availity/form';
 
 import { SelectField } from '../src';