@availity/page-header 11.0.9 → 11.0.13

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.0.13](https://github.com/Availity/availity-react/compare/@availity/page-header@11.0.12...@availity/page-header@11.0.13) (2021-10-04)
+
+**Note:** Version bump only for package @availity/page-header
+
+
+
+
+
+## [11.0.12](https://github.com/Availity/availity-react/compare/@availity/page-header@11.0.11...@availity/page-header@11.0.12) (2021-10-01)
+
+**Note:** Version bump only for package @availity/page-header
+
+
+
+
+
+## [11.0.11](https://github.com/Availity/availity-react/compare/@availity/page-header@11.0.10...@availity/page-header@11.0.11) (2021-09-28)
+
+**Note:** Version bump only for package @availity/page-header
+
+
+
+
+
+## [11.0.10](https://github.com/Availity/availity-react/compare/@availity/page-header@11.0.9...@availity/page-header@11.0.10) (2021-09-27)
+
+**Note:** Version bump only for package @availity/page-header
+
+
+
+
+
 ## [11.0.9](https://github.com/Availity/availity-react/compare/@availity/page-header@11.0.8...@availity/page-header@11.0.9) (2021-09-23)
 
 **Note:** Version bump only for package @availity/page-header

package/index.d.ts

@@ -1,3 +1,2 @@
-import PageHeader from './PageHeader';
-
-export default PageHeader;
+export { default } from './types/PageHeader';
+export * from './types/PageHeader';

package/index.js

@@ -1,3 +1 @@
-import PageHeader from './PageHeader';
-
-export default PageHeader;
+export { default } from './src/PageHeader';

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@availity/page-header",
-  "version": "11.0.9",
+  "version": "11.0.13",
   "author": "Evan Sharp <evan.sharp@availity.com>",
   "description": "The standard page header for Availity Portal Applications",
   "main": "index.js",
+  "types": "index.d.ts",
   "keywords": [
     "react",
     "availity"
@@ -20,19 +21,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/app-icon": "^1.3.22",
-    "@availity/breadcrumbs": "^3.1.24",
-    "@availity/feedback": "^6.0.5",
-    "@availity/payer-logo": "^5.0.0",
-    "@availity/training-link": "^1.3.0",
+    "@availity/app-icon": "^1.3.24",
+    "@availity/breadcrumbs": "^3.1.25",
+    "@availity/feedback": "^6.0.9",
+    "@availity/payer-logo": "^5.0.2",
     "classnames": "^2.3.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@availity/api-axios": "^5.5.14",
-    "@availity/api-core": "^7.0.2",
-    "@availity/localstorage-core": "^3.0.0",
-    "@availity/spaces": "^5.0.1",
+    "@availity/api-axios": "^6.0.0",
+    "@availity/spaces": "^5.0.3",
+    "@availity/training-link": "^1.3.1",
     "axios": "^0.21.1",
     "formik": "^2.2.8",
     "react": "^17.0.2",
@@ -40,15 +39,13 @@
     "yup": "^0.30.0"
   },
   "peerDependencies": {
-    "@availity/api-axios": "^5.4.4",
-    "@availity/api-core": "^6.0.1",
-    "@availity/localstorage-core": "^3.0.0",
-    "@availity/spaces": "^4.0.1",
-    "axios": "^0.19.0",
+    "@availity/api-axios": "^6.0.0",
+    "@availity/spaces": "^4.0.1 || ^5.0.0",
+    "axios": "^0.21.1",
     "formik": "^2.0.1",
     "react": ">=16.11.0",
     "react-dom": ">=16.11.0",
     "yup": "^0.27.0"
   },
-  "gitHead": "f478e30875ffcbccc0e7495e17cfe91f7d81dff9"
+  "gitHead": "7b30cdc374201687b41200b6395ba74337bb2804"
 }

package/{PageHeader.js → src/PageHeader.js}

@@ -4,11 +4,7 @@ import classNames from 'classnames';
 import Breadcrumbs from '@availity/breadcrumbs';
 import AppIcon from '@availity/app-icon';
 import Feedback from '@availity/feedback';
-import Spaces, {
-  SpacesLogo,
-  useSpaces,
-  useSpacesContext,
-} from '@availity/spaces';
+import Spaces, { SpacesLogo, useSpaces, useSpacesContext } from '@availity/spaces';
 
 const PageHeader = ({
   payerId,
@@ -57,11 +53,7 @@ const PageHeader = ({
       spaceForPayerID || (logo && spaceForSpaceID) || spacesIsLoading ? (
         <SpacesLogo {...logoAttrs} />
       ) : (
-        <Spaces
-          spaceIds={spaceId ? [spaceId] : undefined}
-          payerIds={[payerId]}
-          clientId={clientId}
-        >
+        <Spaces spaceIds={spaceId ? [spaceId] : undefined} payerIds={[payerId]} clientId={clientId}>
           <SpacesLogo {...logoAttrs} />
         </Spaces>
       );
@@ -95,12 +87,7 @@ const PageHeader = ({
             {React.isValidElement(crumbs) ? (
               crumbs
             ) : (
-              <Breadcrumbs
-                crumbs={crumbs}
-                active={appName || children}
-                homeUrl={homeUrl}
-                linkTag={linkTag}
-              />
+              <Breadcrumbs crumbs={crumbs} active={appName || children} homeUrl={homeUrl} linkTag={linkTag} />
             )}
           </>
         ) : null}
@@ -115,10 +102,7 @@ const PageHeader = ({
         {...props}
       >
         <Tag
-          className={classNames(
-            'page-header-title page-header-left d-flex align-items-center mb-0',
-            titleClassName
-          )}
+          className={classNames('page-header-title page-header-left d-flex align-items-center mb-0', titleClassName)}
           data-testid="page-header-title"
           {...restTitleProps}
         >
@@ -143,11 +127,7 @@ const PageHeader = ({
             {payerLogo}
           </div>
         ) : (
-          <RenderRightContent
-            className={renderRightClassName}
-            payerLogo={payerLogo}
-            feedback={feedback}
-          />
+          <RenderRightContent className={renderRightClassName} payerLogo={payerLogo} feedback={feedback} />
         )}
       </div>
     </>

package/tsconfig.json

@@ -1,27 +1,27 @@
 {
-    "compilerOptions": {
-      "outDir": "build/lib",
-      "module": "commonjs",
-      "target": "es5",
-      "lib": ["es5", "es6", "es7", "es2017", "dom"],
-      "sourceMap": true,
-      "allowJs": false,
-      "jsx": "react",
-      "moduleResolution": "node",
-      "rootDirs": ["./"],
-      "baseUrl": "",
-      "forceConsistentCasingInFileNames": true,
-      "noImplicitReturns": true,
-      "noImplicitThis": true,
-      "noImplicitAny": true,
-      "strictNullChecks": true,
-      "suppressImplicitAnyIndexErrors": true,
-      "noUnusedLocals": true,
-      "declaration": true,
-      "allowSyntheticDefaultImports": true,
-      "experimentalDecorators": true,
-      "emitDecoratorMetadata": true
-    },
-    "include": ["**/*"],
-    "exclude": ["node_modules", "build", "scripts"]
-  }
+  "compilerOptions": {
+    "outDir": "build/lib",
+    "module": "commonjs",
+    "target": "es5",
+    "lib": ["es5", "es6", "es7", "es2017", "dom"],
+    "sourceMap": true,
+    "allowJs": false,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDirs": ["./"],
+    "baseUrl": "",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "noUnusedLocals": true,
+    "declaration": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "include": ["**/*"],
+  "exclude": ["node_modules", "build", "scripts"]
+}

package/{PageHeader.d.ts → types/PageHeader.d.ts}

@@ -20,12 +20,9 @@ export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
   feedback?: boolean;
   feedbackProps?: any;
   logo?: boolean;
-  linkTag?:
-    | React.ComponentType<React.HTMLAttributes<HTMLAnchorElement>>
-    | string;
+  linkTag?: React.ComponentType<React.HTMLAttributes<HTMLAnchorElement>> | string;
   titleProps?: React.HTMLAttributes<HTMLDivElement>;
-  renderRightContent?: React.FunctionComponent<RightContentProps>;
-  children?: React.ReactNode;
+  renderRightContent?: React.FC<RightContentProps>;
   crumbs?: CrumbType[] | React.ReactNode;
   iconSrc?: string;
   iconAlt?: string;
@@ -34,6 +31,6 @@ export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
   showCrumbs?: boolean;
 }
 
-declare const PageHeader: React.FunctionComponent<PageHeaderProps>;
+declare const PageHeader: React.FC<PageHeaderProps>;
 
 export default PageHeader;

package/tests/PageHeader.test.js

@@ -1,356 +0,0 @@
-import React from 'react';
-import { render, cleanup, waitFor } from '@testing-library/react';
-import TrainingLink from '@availity/training-link';
-import { avWebQLApi } from '@availity/api-axios';
-import { NavLink } from 'reactstrap';
-import Spaces from '@availity/spaces';
-import PageHeader from '..';
-
-jest.mock('@availity/api-axios');
-
-afterEach(() => {
-  jest.clearAllMocks();
-  cleanup();
-});
-
-describe('PageHeader', () => {
-  test('should render', () => {
-    const { getByTestId } = render(<PageHeader appName="Payer Space" />);
-
-    const pageHeaderTitle = getByTestId('page-header-title');
-
-    expect(pageHeaderTitle.textContent).toEqual('Payer Space');
-  });
-
-  test('should render app icon', () => {
-    const { getByText } = render(
-      <PageHeader appName="Payer Space" appAbbr="PS" />
-    );
-
-    const icon = getByText('PS');
-    expect(icon).toBeDefined();
-  });
-
-  test('should add custom class name', () => {
-    const { getByTestId } = render(
-      <PageHeader appName="Payer Space" className="custom-classname" />
-    );
-
-    const pageHeader = getByTestId('page-header');
-
-    expect(pageHeader.className).toContain('custom-classname');
-  });
-
-  test('should render app icon color', () => {
-    const { getByTestId } = render(
-      <PageHeader appName="Payer Space" appAbbr="PS" iconColor="green" />
-    );
-
-    const appIcon = getByTestId('page-header-app-icon');
-
-    expect(appIcon.className).toContain('icon-green');
-  });
-
-  test('should render app icon color branded', () => {
-    const { getByTestId } = render(
-      <PageHeader
-        appName="Payer Space"
-        appAbbr="PS"
-        iconColor="green"
-        branded
-      />
-    );
-
-    const appIcon = getByTestId('page-header-app-icon');
-
-    expect(appIcon.className).toContain('icon-branded');
-  });
-
-  test('should render feedback', () => {
-    const { getByTestId } = render(
-      <PageHeader appName="Payer Space" feedback />
-    );
-
-    expect(getByTestId('face-options')).toBeDefined();
-  });
-
-  test('should render children', () => {
-    const { getByText } = render(
-      <PageHeader appName="Payer Space">this is cool</PageHeader>
-    );
-
-    const children = getByText('this is cool');
-    expect(children).toBeDefined();
-  });
-
-  test('should render trainingLink', () => {
-    const { getByText } = render(
-      <PageHeader
-        appName="Payer Space"
-        component={
-          <TrainingLink
-            name="Appeals"
-            link="https://www.youtube.com/watch?v=GgwE94KZJ7E"
-          />
-        }
-      >
-        <p>this is cool</p>
-      </PageHeader>
-    );
-
-    const el = getByText('Watch a demo');
-    expect(el).toBeDefined();
-  });
-
-  describe('spaces', () => {
-    test('should work with spaceId', async () => {
-      avWebQLApi.create.mockResolvedValue({
-        data: {
-          data: {
-            configurationPagination: {
-              pageInfo: {
-                itemCount: 1,
-                perPage: 1,
-                page: 1,
-              },
-              items: [{ id: '1', name: 'My Space' }],
-            },
-          },
-        },
-      });
-      const { getByText } = render(
-        <Spaces spaceIds={['1']} clientId="my-client-id">
-          <PageHeader appName="Payer Space" spaceId="1" />
-        </Spaces>
-      );
-      const defaultSpace = await waitFor(() => getByText('My Space'));
-      expect(defaultSpace.getAttribute('href')).toEqual('/web/spc/spaces/#/1');
-    });
-
-    test('should work with payerId', async () => {
-      avWebQLApi.create.mockResolvedValue({
-        data: {
-          data: {
-            configurationPagination: {
-              pageInfo: {
-                itemCount: 1,
-                perPage: 1,
-                page: 1,
-              },
-              items: [
-                {
-                  id: 'payer1',
-                  name: 'My Space',
-                  payerIDs: ['payer1'],
-                  images: {
-                    logo: '/static/spaces/payer1/logo.png',
-                  },
-                },
-              ],
-            },
-          },
-        },
-      });
-
-      const { getByTestId } = render(
-        <Spaces payerIds={['payer1']} clientId="my-client-id">
-          <PageHeader appName="Payer Space" payerId="payer1" />
-        </Spaces>
-      );
-
-      const logo = await waitFor(() => getByTestId('space-images.logo-payer1'));
-      expect(logo).toBeDefined();
-    });
-  });
-
-  test('should render custom home url', () => {
-    const { getByText } = render(
-      <PageHeader homeUrl="/go-home" appName="Payer Space" />
-    );
-
-    const homeBtn = getByText('Home');
-
-    expect(homeBtn.getAttribute('href')).toBe('/go-home');
-  });
-
-  test('should accept custom title props', () => {
-    const { getByTestId } = render(
-      <PageHeader
-        appName="Payer Space"
-        titleProps={{
-          className: 'mb-0',
-        }}
-      />
-    );
-
-    const pageHeaderTitle = getByTestId('page-header-title');
-
-    expect(pageHeaderTitle.className).toContain('mb-0');
-  });
-
-  test('should render custom right content', () => {
-    const { getByText } = render(
-      <PageHeader
-        appName="Payer Space"
-        renderRightContent={({ feedback, ...props }) => (
-          <div {...props}>
-            Hello World
-            {feedback}
-          </div>
-        )}
-      />
-    );
-
-    const helloWorld = getByText('Hello World');
-    const giveFeedback = getByText('Give Feedback');
-    expect(helloWorld).toBeDefined();
-    expect(giveFeedback).toBeDefined();
-  });
-
-  test('should render custom link tag', () => {
-    const { getByText } = render(
-      <PageHeader
-        appName="Payer Space"
-        renderRightContent={({ feedback, ...props }) => (
-          <div {...props}>
-            Hello World
-            {feedback}
-          </div>
-        )}
-        linkTag={NavLink}
-      />
-    );
-
-    const homeBtn = getByText('Home');
-
-    expect(homeBtn.className).toBe('nav-link');
-  });
-
-  test('should render with url', async () => {
-    avWebQLApi.create.mockResolvedValue({
-      data: {
-        data: {
-          configurationPagination: {
-            pageInfo: {
-              itemCount: 1,
-              perPage: 1,
-              page: 1,
-            },
-            items: [
-              { id: '1', name: 'My Space', link: { url: '/custom-link' } },
-            ],
-          },
-        },
-      },
-    });
-    const { getByText } = render(
-      <Spaces spaceIds={['1']} clientId="my-client-id">
-        <PageHeader appName="Payer Space" spaceId="1" />
-      </Spaces>
-    );
-
-    const spaceBreadcrumb = await waitFor(() => getByText('My Space'));
-
-    expect(spaceBreadcrumb.tagName.toLowerCase()).toBe('a');
-
-    expect(spaceBreadcrumb.getAttribute('href')).toEqual('/custom-link');
-  });
-
-  test('should render custom crumbs', async () => {
-    avWebQLApi.create.mockResolvedValue({
-      data: {
-        data: {
-          configurationPagination: {
-            pageInfo: {
-              itemCount: 1,
-              perPage: 1,
-              page: 1,
-            },
-            items: [
-              { id: '1', name: 'My Space', link: { url: '/custom-link' } },
-            ],
-          },
-        },
-      },
-    });
-
-    const { getByText } = render(
-      <Spaces spaceIds={['1']} clientId="my-client-id">
-        <PageHeader
-          appName="Payer Space"
-          spaceId="1"
-          crumbs={[{ name: 'Custom Crumb', url: '/my-custom-crumb' }]}
-        />
-      </Spaces>
-    );
-
-    const spaceBreadcrumb = await waitFor(() => getByText('Custom Crumb'));
-
-    expect(spaceBreadcrumb.tagName.toLowerCase()).toBe('a');
-
-    expect(spaceBreadcrumb.getAttribute('href')).toEqual('/my-custom-crumb');
-  });
-
-  test('should hide crumbs', async () => {
-    avWebQLApi.create.mockResolvedValue({
-      data: {
-        data: {
-          configurationPagination: {
-            pageInfo: {
-              itemCount: 1,
-              perPage: 1,
-              page: 1,
-            },
-            items: [
-              { id: '1', name: 'My Space', link: { url: '/custom-link' } },
-            ],
-          },
-        },
-      },
-    });
-
-    const { queryByText } = render(
-      <Spaces spaceIds={['1']} clientId="my-client-id">
-        <PageHeader appName="Payer Space" spaceId="1" showCrumbs={false} />
-      </Spaces>
-    );
-
-    const spaceBreadcrumb = await waitFor(() => queryByText('My Space'));
-
-    expect(spaceBreadcrumb).toBeNull();
-  });
-
-  test('should hide crumbs if custom crumbs passed', async () => {
-    avWebQLApi.create.mockResolvedValue({
-      data: {
-        data: {
-          configurationPagination: {
-            pageInfo: {
-              itemCount: 1,
-              perPage: 1,
-              page: 1,
-            },
-            items: [
-              { id: '1', name: 'My Space', link: { url: '/custom-link' } },
-            ],
-          },
-        },
-      },
-    });
-
-    const { queryByText } = render(
-      <Spaces spaceIds={['1']} clientId="my-client-id">
-        <PageHeader
-          appName="Payer Space"
-          spaceId="1"
-          showCrumbs={false}
-          crumbs={[{ name: 'Custom Crumb', url: '/my-custom-crumb' }]}
-        />
-      </Spaces>
-    );
-
-    const spaceBreadcrumb = await waitFor(() => queryByText('Custom Crumb'));
-
-    expect(spaceBreadcrumb).toBeNull();
-  });
-});