qpp-style 2.1.13 → 2.2.0-sm.0

package/components/hooks/useGetConfig.js

@@ -0,0 +1,75 @@
+import React from "react";
+import axios from "axios";
+import { useState, useEffect } from "react";
+
+// The content is populated with the following priority order:
+// 1. Use the content in localStorage if it's there
+// 2. If not, make a call to get it from a QPPFE endpoint.
+//    Hydrate the localStorage item with the response if localStorage item doesn't match call content.
+// 3. If the call fails, use the default content
+const useGetConfig = ({
+  url = "",
+  localStorageName = "",
+  equalityCheckExclude = [],
+  timeout = 30,
+  defaultContent,
+}) => {
+  const [result, setResult] = useState();
+
+  if (!url || !localStorageName) {
+    throw new Error("Arguments for url and localStorageName are required");
+  }
+
+  useEffect(() => {
+    const storageContent = JSON.parse(localStorage.getItem(localStorageName));
+    if (
+      storageContent?.content &&
+      new Date().valueOf() < storageContent.expiration
+    ) {
+      setResult(storageContent);
+    } else {
+      const origin = window.location.origin;
+      axios
+        .get(`${origin}${url}`)
+        .then(({ data: { data = {} } }) => {
+          const expiration = new Date().valueOf() + timeout * 60 * 1000;
+          const storageItem = {
+            expiration,
+          };
+
+          if (
+            data?.content &&
+            storageContent?.content &&
+            Object.keys(data.content).every((key) => {
+              if (equalityCheckExclude.includes(key)) {
+                return true;
+              }
+              return data.content[key] === storageContent.content[key];
+            })
+          ) {
+            storageItem.content = storageContent.content;
+          } else {
+            storageItem.content = data.content;
+          }
+
+          localStorage.setItem(localStorageName, JSON.stringify(storageItem));
+          setResult(storageItem);
+        })
+        .catch((e) => {
+          setResult({ content: defaultContent, expiration: 0 });
+        });
+    }
+  }, []);
+
+  return result;
+};
+
+export const withGetConfig = (Component, options) => {
+  function WrappedComponent(props) {
+    const result = useGetConfig(options);
+    return <Component result={result} {...props} />;
+  }
+  return WrappedComponent;
+};
+
+export default useGetConfig;

package/components/index.js

@@ -0,0 +1,122 @@
+import Accordion from "./Accordion";
+import Alert from "./Alert";
+import Breadcrumb from "./Breadcrumb";
+import Button, { TextButton } from "./Button";
+import FlashNotification from "./FlashNotification/FlashNotificationUI";
+import Footer from "./Footer/FooterUI";
+import Header from "./Header/HeaderUI";
+import Modal from "./Modal";
+import SideNav from "./SideNav/UI/SideNavUI";
+import Tabs from "./Tabs/Tabs";
+import TabPanel from "./Tabs/TabPanel";
+import Infotip from "./Infotip";
+import Search from "./Search";
+import TextInput from "./TextInput";
+import Dropdown from "./Dropdown";
+import Details from "./Details/index";
+import DSLink from "./Link";
+import {
+  MyApplicationsIcon,
+  UserSignInIcon,
+  MyTestDataIcon,
+  ReportDataIcon,
+  ManageUsersIcon,
+  AccountHomeIcon,
+  FacilityBasedPreviewIcon,
+  PaymentIcon,
+  PhysicianCompareIcon,
+  HardshipIcon,
+  TargetIcon,
+  ReportsIcon,
+  HelpSupportIcon,
+  DashboardIcon,
+  AccountSettings,
+  DetailsIcon,
+  StarIcon,
+  RegistrationIcon,
+  CliniciansIcon,
+  GroupReporting,
+  IndividualReporting,
+  ChevronLeft,
+  ChevronRight,
+  ChevronDown,
+  SwitchPractice,
+  ScoreIncrease,
+  TooltipIcon,
+  NavCollapse,
+  NavExpand,
+  CloseXIcon,
+  CloseXIcon2,
+  BellOutline,
+  EarlyClaims,
+  CliniciansList,
+  YoutubeIcon,
+  TwitterIcon,
+  WiViewReportsIcon,
+  WiViewProgressIcon,
+  WiManageGroupIcon,
+} from "../lib/SvgComponents.jsx";
+
+const Icons = {
+  MyApplicationsIcon,
+  UserSignInIcon,
+  MyTestDataIcon,
+  ReportDataIcon,
+  ManageUsersIcon,
+  AccountHomeIcon,
+  FacilityBasedPreviewIcon,
+  PaymentIcon,
+  PhysicianCompareIcon,
+  HardshipIcon,
+  TargetIcon,
+  ReportsIcon,
+  HelpSupportIcon,
+  DashboardIcon,
+  AccountSettings,
+  DetailsIcon,
+  StarIcon,
+  RegistrationIcon,
+  CliniciansIcon,
+  GroupReporting,
+  IndividualReporting,
+  ChevronLeft,
+  ChevronRight,
+  ChevronDown,
+  SwitchPractice,
+  ScoreIncrease,
+  TooltipIcon,
+  NavCollapse,
+  NavExpand,
+  CloseXIcon,
+  CloseXIcon2,
+  BellOutline,
+  EarlyClaims,
+  CliniciansList,
+  YoutubeIcon,
+  TwitterIcon,
+  WiViewReportsIcon,
+  WiViewProgressIcon,
+  WiManageGroupIcon,
+};
+
+export {
+  Accordion,
+  Alert,
+  Breadcrumb,
+  Button,
+  FlashNotification,
+  Footer,
+  Header,
+  Icons,
+  Infotip,
+  Modal,
+  Search,
+  SideNav,
+  Tabs,
+  TabPanel,
+  TextButton,
+  TextInput,
+  Dropdown,
+  Details,
+  DSLink,
+};