@madie/madie-design-system 1.0.2 → 1.0.3

package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html

@@ -279,7 +279,20 @@
 <a name='L214'></a><a href='#L214'>214</a>
 <a name='L215'></a><a href='#L215'>215</a>
 <a name='L216'></a><a href='#L216'>216</a>
-<a name='L217'></a><a href='#L217'>217</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -335,6 +348,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -356,6 +370,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -378,6 +394,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -487,6 +505,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -495,219 +521,232 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
 import {
-  NavLinkContainer,
-  NavLinkInline,
-  NavLinkDrawer,
-  NavItemInline,
-} from '../Links';
-import AnimationGroup from '../AnimationGroup/AnimationGroup';
-import { PracticeDetails } from '../Details';
-import { ScoreChart } from '../Chart';
-import PropTypes from 'prop-types';
+    NavLinkContainer,
+    NavLinkInline,
+    NavLinkDrawer,
+    NavItemInline,
+} from "../Links";
+import AnimationGroup from "../AnimationGroup/AnimationGroup";
+import { PracticeDetails } from "../Details";
+import { ScoreChart } from "../Chart";
+import PropTypes from "prop-types";
 import {
-  AccountHomeIcon,
-  DashboardIcon,
-  StarIcon,
-  CliniciansIcon,
-  ScoreIncrease,
-  TooltipIcon,
-} from '../../../lib/SvgComponents.jsx';
+    AccountHomeIcon,
+    DashboardIcon,
+    StarIcon,
+    CliniciansIcon,
+    ScoreIncrease,
+    TooltipIcon,
+} from "../../../lib/SvgComponents.jsx";
 import {
-  submissionsUrl,
-  manageUrl,
-  dashboardUrl,
-  performanceFeedbackUrl,
-} from '../helpers';
+    submissionsUrl,
+    manageUrl,
+    dashboardUrl,
+    performanceFeedbackUrl,
+} from "../helpers";
 &nbsp;
-const PAST_REPORTING_YEARS = ['2017', '2018'];
+const PAST_REPORTING_YEARS = ["2017", "2018"];
 &nbsp;
 const LevelTwoContent = <span class="fstat-no" title="function not covered" >({</span>
-  isExpanded,
-  chartData,
-  showReportingLinks,
-  config: {
-    chartActive = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
-    openDrawersByDefault,
-    linkCallback,
-    updateTime,
-    practiceId,
-    practiceName,
-    practiceTin,
-    apmEntityId,
-    isConnectedUsersPage,
-    vgId,
-    roleAbbr,
-    performanceYear,
-    finalFeedbackOpen,
-    isApmPaymentDetailsPage,
-    useTooltips,
-    cpcPlusId,
-    pcfId,
-  } = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
+    isExpanded,
+    chartData,
+    showReportingLinks,
+    config: {
+        chartActive = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
+        openDrawersByDefault,
+        linkCallback,
+        updateTime,
+        practiceId,
+        practiceName,
+        practiceTin,
+        apmEntityId,
+        isConnectedUsersPage,
+        vgId,
+        roleAbbr,
+        performanceYear,
+        finalFeedbackOpen,
+        isApmPaymentDetailsPage,
+        useTooltips,
+        cpcPlusId,
+        pcfId,
+    } = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
 }) =&gt; {
-  const linkClass = <span class="cstat-no" title="statement not covered" >isExpanded ? 'link-inline' : 'link-collapsed';</span>
-  let links = <span class="cstat-no" title="statement not covered" >[];</span>
+    const linkClass = <span class="cstat-no" title="statement not covered" >isExpanded ? "link-inline" : "link-collapsed";</span>
+    let links = <span class="cstat-no" title="statement not covered" >[];</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  if (isApmPaymentDetailsPage) {</span>
-    const apmDetailsUrl = <span class="cstat-no" title="statement not covered" >'/user/apm-incentive-payments/(.*)/practice-details';</span>
-<span class="cstat-no" title="statement not covered" >    links.push(</span>
-      &lt;NavItemInline
-        icon={&lt;CliniciansIcon /&gt;}
-        className={linkClass}
-        label="Payment Details"
-        urlExpressionToMatch={apmDetailsUrl}
-        showLabel={isExpanded}
-      /&gt;
-    );
-  } else {
-    const linkLabel = <span class="cstat-no" title="statement not covered" >isConnectedUsersPage</span>
-      ? 'Connected Users'
-      : 'Eligibility &amp; Reporting';
-    let items = <span class="cstat-no" title="statement not covered" >[];</span>
+<span class="cstat-no" title="statement not covered" >    if (isApmPaymentDetailsPage) {</span>
+        const apmDetailsUrl =
+<span class="cstat-no" title="statement not covered" >            "/user/apm-incentive-payments/(.*)/practice-details";</span>
+<span class="cstat-no" title="statement not covered" >        links.push(</span>
+            &lt;NavItemInline
+                icon={&lt;CliniciansIcon /&gt;}
+                className={linkClass}
+                label="Payment Details"
+                urlExpressionToMatch={apmDetailsUrl}
+                showLabel={isExpanded}
+            /&gt;
+        );
+    } else {
+        const linkLabel = <span class="cstat-no" title="statement not covered" >isConnectedUsersPage</span>
+            ? "Connected Users"
+            : "Eligibility &amp; Reporting";
+        let items = <span class="cstat-no" title="statement not covered" >[];</span>
 &nbsp;
-    const practiceUrlSegment =
-<span class="cstat-no" title="statement not covered" >      performanceYear === '2017' || performanceYear === '2018' || !roleAbbr</span>
-        ? practiceId
-        : practiceId + '_' + roleAbbr;
+        const practiceUrlSegment =
+<span class="cstat-no" title="statement not covered" >            performanceYear === "2017" ||</span>
+            performanceYear === "2018" ||
+            !roleAbbr
+                ? practiceId
+                : practiceId + "_" + roleAbbr;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (showReportingLinks &amp;&amp; !apmEntityId) {</span>
-<span class="cstat-no" title="statement not covered" >      items = [</span>
-        {
-          url: `${submissionsUrl}/reporting/${practiceUrlSegment}/overview`,
-          label: vgId ? 'Virtual Group Reporting' : 'Group Reporting Overview',
-          items: [
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/quality`,
-              label: 'Quality Measures',
-            },
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/aci`,
-              label: 'Promoting Interoperability',
-            },
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/ia`,
-              label: 'Improvement Activities',
-            },
-          ],
-        },
-      ];
-    }
-<span class="cstat-no" title="statement not covered" >    links.push(</span>
-      &lt;NavLinkDrawer
-        key="connected-clinicians-link"
-        isAlwaysOpen
-        url={
-          !isConnectedUsersPage
-            ? `${dashboardUrl}`
-            : `${manageUrl}/${practiceId}/connected-users`
+<span class="cstat-no" title="statement not covered" >        if (showReportingLinks &amp;&amp; !apmEntityId) {</span>
+<span class="cstat-no" title="statement not covered" >            items = [</span>
+                {
+                    url: `${submissionsUrl}/reporting/${practiceUrlSegment}/overview`,
+                    label: vgId
+                        ? "Virtual Group Reporting"
+                        : "Group Reporting Overview",
+                    items: [
+                        {
+                            url: `${submissionsUrl}/reporting/${practiceUrlSegment}/quality`,
+                            label: "Quality Measures",
+                        },
+                        {
+                            url: `${submissionsUrl}/reporting/${practiceUrlSegment}/aci`,
+                            label: "Promoting Interoperability",
+                        },
+                        {
+                            url: `${submissionsUrl}/reporting/${practiceUrlSegment}/ia`,
+                            label: "Improvement Activities",
+                        },
+                    ],
+                },
+            ];
         }
-        isExpanded={isExpanded}
-        openByDefault={openDrawersByDefault}
-        leftIcon={&lt;DashboardIcon /&gt;}
-        className={linkClass}
-        label={linkLabel}
-        linkCallback={linkCallback}
-        listOfLinks={
-          !isConnectedUsersPage &amp;&amp; [
-            {
-              label: vgId
-                ? 'Virtual Group Details &amp; Participants'
-                : apmEntityId
-                ? 'APM Entity Details &amp; Participants'
-                : 'Practice Details &amp; Clinicians',
-              items: items,
-            },
-          ]
+<span class="cstat-no" title="statement not covered" >        links.push(</span>
+            &lt;NavLinkDrawer
+                key="connected-clinicians-link"
+                isAlwaysOpen
+                url={
+                    !isConnectedUsersPage
+                        ? `${dashboardUrl}`
+                        : `${manageUrl}/${practiceId}/connected-users`
+                }
+                isExpanded={isExpanded}
+                openByDefault={openDrawersByDefault}
+                leftIcon={&lt;DashboardIcon /&gt;}
+                className={linkClass}
+                label={linkLabel}
+                linkCallback={linkCallback}
+                listOfLinks={
+                    !isConnectedUsersPage &amp;&amp; [
+                        {
+                            label: vgId
+                                ? "Virtual Group Details &amp; Participants"
+                                : apmEntityId
+                                ? "APM Entity Details &amp; Participants"
+                                : "Practice Details &amp; Clinicians",
+                            items: items,
+                        },
+                    ]
+                }
+                disabled={isConnectedUsersPage ? true : false}
+            /&gt;
+        );
+<span class="cstat-no" title="statement not covered" >        if (</span>
+            (apmEntityId &amp;&amp; performanceYear === "2018" &amp;&amp; finalFeedbackOpen) ||
+            (!apmEntityId &amp;&amp;
+                !vgId &amp;&amp;
+                !isConnectedUsersPage &amp;&amp;
+                PAST_REPORTING_YEARS.indexOf(performanceYear) &gt;= 0)
+        ) {
+<span class="cstat-no" title="statement not covered" >            links.push(</span>
+                &lt;NavLinkInline
+                    key="performance-feedback-link"
+                    icon={&lt;StarIcon /&gt;}
+                    className={linkClass}
+                    url={performanceFeedbackUrl(
+                        finalFeedbackOpen &amp;&amp; performanceYear === "2018"
+                            ? performanceYear
+                            : "2017"
+                    )}
+                    label="Performance Feedback"
+                    linkCallback={linkCallback}
+                    showLabel={isExpanded}
+                    useTooltips={useTooltips}
+                /&gt;
+            );
         }
-        disabled={isConnectedUsersPage ? true : false}
-      /&gt;
-    );
-<span class="cstat-no" title="statement not covered" >    if (</span>
-      (apmEntityId &amp;&amp; performanceYear === '2018' &amp;&amp; finalFeedbackOpen) ||
-      (!apmEntityId &amp;&amp;
-        !vgId &amp;&amp;
-        !isConnectedUsersPage &amp;&amp;
-        PAST_REPORTING_YEARS.indexOf(performanceYear) &gt;= 0)
-    ) {
-<span class="cstat-no" title="statement not covered" >      links.push(</span>
-        &lt;NavLinkInline
-          key="performance-feedback-link"
-          icon={&lt;StarIcon /&gt;}
-          className={linkClass}
-          url={performanceFeedbackUrl(
-            finalFeedbackOpen &amp;&amp; performanceYear === '2018'
-              ? performanceYear
-              : '2017'
-          )}
-          label="Performance Feedback"
-          linkCallback={linkCallback}
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        /&gt;
-      );
     }
-  }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;div className="sidebar-content"&gt;
-      &lt;AnimationGroup display={isExpanded}&gt;
-        &lt;NavLinkInline
-          icon={&lt;AccountHomeIcon /&gt;}
-          url={submissionsUrl}
-          label="Account Home"
-          showLabel={isExpanded}
-          className="account-home-link"
-          linkCallback={linkCallback}
-          useTooltips={useTooltips}
-        /&gt;
-        &lt;hr /&gt;
-      &lt;/AnimationGroup&gt;
-      &lt;AnimationGroup display={isExpanded} className={'details'}&gt;
-        &lt;PracticeDetails
-          practiceName={practiceName}
-          {...(!practiceTin ? {} : { practiceTin })}
-          {...(!apmEntityId ? {} : { apmEntityId })}
-          {...(!vgId ? {} : { vgId })}
-          {...(!cpcPlusId ? {} : { cpcPlusId })}
-          {...(!pcfId ? {} : { pcfId })}
-        /&gt;
-        &lt;hr /&gt;
-      &lt;/AnimationGroup&gt;
-      &lt;div className="level-two-nav animation-flat"&gt;
-        &lt;NavLinkContainer listOfLinks={links} /&gt;
-        &lt;AnimationGroup display={isExpanded &amp;&amp; chartActive} className="chart"&gt;
-          &lt;div&gt;
-            &lt;hr /&gt;
-            &lt;div className="chart-title"&gt;
-              &lt;p className="title"&gt;Final Group Score&lt;/p&gt;
-              &lt;p className="disclaimer"&gt;
-                &lt;svg className="left-icon" aria-hidden="true"&gt;
-                  &lt;ScoreIncrease /&gt;
-                &lt;/svg&gt;
-                Score may increase
-                &lt;svg className="right-icon" aria-hidden="true"&gt;
-                  &lt;TooltipIcon /&gt;
-                &lt;/svg&gt;
-              &lt;/p&gt;
-              {updateTime &amp;&amp; (
-                &lt;p className="timestamp"&gt;Last update at {updateTime}&lt;/p&gt;
-              )}
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;div className="sidebar-content"&gt;
+            &lt;AnimationGroup display={isExpanded}&gt;
+                &lt;NavLinkInline
+                    icon={&lt;AccountHomeIcon /&gt;}
+                    url={submissionsUrl}
+                    label="Account Home"
+                    showLabel={isExpanded}
+                    className="account-home-link"
+                    linkCallback={linkCallback}
+                    useTooltips={useTooltips}
+                /&gt;
+                &lt;hr /&gt;
+            &lt;/AnimationGroup&gt;
+            &lt;AnimationGroup display={isExpanded} className={"details"}&gt;
+                &lt;PracticeDetails
+                    practiceName={practiceName}
+                    {...(!practiceTin ? {} : { practiceTin })}
+                    {...(!apmEntityId ? {} : { apmEntityId })}
+                    {...(!vgId ? {} : { vgId })}
+                    {...(!cpcPlusId ? {} : { cpcPlusId })}
+                    {...(!pcfId ? {} : { pcfId })}
+                /&gt;
+                &lt;hr /&gt;
+            &lt;/AnimationGroup&gt;
+            &lt;div className="level-two-nav animation-flat"&gt;
+                &lt;NavLinkContainer listOfLinks={links} /&gt;
+                &lt;AnimationGroup
+                    display={isExpanded &amp;&amp; chartActive}
+                    className="chart"
+                &gt;
+                    &lt;div&gt;
+                        &lt;hr /&gt;
+                        &lt;div className="chart-title"&gt;
+                            &lt;p className="title"&gt;Final Group Score&lt;/p&gt;
+                            &lt;p className="disclaimer"&gt;
+                                &lt;svg className="left-icon" aria-hidden="true"&gt;
+                                    &lt;ScoreIncrease /&gt;
+                                &lt;/svg&gt;
+                                Score may increase
+                                &lt;svg className="right-icon" aria-hidden="true"&gt;
+                                    &lt;TooltipIcon /&gt;
+                                &lt;/svg&gt;
+                            &lt;/p&gt;
+                            {updateTime &amp;&amp; (
+                                &lt;p className="timestamp"&gt;
+                                    Last update at {updateTime}
+                                &lt;/p&gt;
+                            )}
+                        &lt;/div&gt;
+                        &lt;ScoreChart
+                            chartData={chartData}
+                            linkCallback={linkCallback}
+                        /&gt;
+                    &lt;/div&gt;
+                &lt;/AnimationGroup&gt;
             &lt;/div&gt;
-            &lt;ScoreChart chartData={chartData} linkCallback={linkCallback} /&gt;
-          &lt;/div&gt;
-        &lt;/AnimationGroup&gt;
-      &lt;/div&gt;
-    &lt;/div&gt;
-  );
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 LevelTwoContent.propTypes = {
-  isExpanded: PropTypes.bool,
-  config: PropTypes.object,
-  chartData: PropTypes.object,
-  showReportingLinks: PropTypes.bool,
+    isExpanded: PropTypes.bool,
+    config: PropTypes.object,
+    chartData: PropTypes.object,
+    showReportingLinks: PropTypes.bool,
 };
 &nbsp;
 export default LevelTwoContent;
@@ -718,7 +757,7 @@ export default LevelTwoContent;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/Content/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/Content/index.js.html

@@ -71,8 +71,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import LevelOneContent from './LevelOneContent';
-import LevelTwoContent from './LevelTwoContent';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import LevelOneContent from "./LevelOneContent";
+import LevelTwoContent from "./LevelTwoContent";
 &nbsp;
 export { LevelOneContent, LevelTwoContent };
 &nbsp;</pre></td></tr></table></pre>
@@ -82,7 +82,7 @@ export { LevelOneContent, LevelTwoContent };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html

@@ -99,21 +99,21 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
-import PropTypes from 'prop-types';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import PropTypes from "prop-types";
 &nbsp;
 const IndividualDetails = <span class="fstat-no" title="function not covered" >({</span> individualName, individualNpi }) =&gt; {
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;div className="individual-container"&gt;
-      &lt;h3 className="individual-name"&gt;{individualName}&lt;/h3&gt;
-      &lt;p className="individual-npi"&gt;NPI: {individualNpi}&lt;/p&gt;
-    &lt;/div&gt;
-  );
+<span class="cstat-no" title="statement not covered" >    return (</span>
+        &lt;div className="individual-container"&gt;
+            &lt;h3 className="individual-name"&gt;{individualName}&lt;/h3&gt;
+            &lt;p className="individual-npi"&gt;NPI: {individualNpi}&lt;/p&gt;
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 IndividualDetails.propTypes = {
-  individualName: PropTypes.string,
-  individualNpi: PropTypes.string,
+    individualName: PropTypes.string,
+    individualNpi: PropTypes.string,
 };
 &nbsp;
 export default IndividualDetails;
@@ -124,7 +124,7 @@ export default IndividualDetails;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../../prettify.js"></script>
         <script>