@madie/madie-design-system 1.0.2 → 1.0.3

package/components/hooks/useGetConfig.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import axios from 'axios';
-import { useState, useEffect } from 'react';
+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
@@ -8,67 +8,76 @@ import { useState, useEffect } from 'react';
 //    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,
+    url = "",
+    localStorageName = "",
+    equalityCheckExclude = [],
+    timeout = 30,
+    defaultContent,
 }) => {
-  const [result, setResult] = useState();
+    const [result, setResult] = useState();
 
-  if (!url || !localStorageName) {
-    throw new Error('Arguments for url and localStorageName are required');
-  }
+    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 &&
+    useEffect(() => {
+        const storageContent = JSON.parse(
+            localStorage.getItem(localStorageName)
+        );
+        if (
             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;
-          }
+            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 });
-        });
-    }
-  }, []);
+                    localStorage.setItem(
+                        localStorageName,
+                        JSON.stringify(storageItem)
+                    );
+                    setResult(storageItem);
+                })
+                .catch((e) => {
+                    setResult({ content: defaultContent, expiration: 0 });
+                });
+        }
+    }, []);
 
-  return result;
+    return result;
 };
 
 export const withGetConfig = (Component, options) => {
-  function WrappedComponent(props) {
-    const result = useGetConfig(options);
-    return <Component result={result} {...props} />;
-  }
-  return WrappedComponent;
+    function WrappedComponent(props) {
+        const result = useGetConfig(options);
+        return <Component result={result} {...props} />;
+    }
+    return WrappedComponent;
 };
 
 export default useGetConfig;

package/components/index.js

@@ -1,128 +1,136 @@
-import Accordion from './Accordion';
-import Alert from './Alert';
-import Breadcrumb from './Breadcrumb';
-import Button, { TextButton } from './Button';
-import CalloutBox from './CalloutBox';
-import Card from './Card';
-import FlashNotification from './FlashNotification/FlashNotificationUI';
-import Footer from './Footer/FooterUI';
-import Header from './Header/HeaderUI';
-import Modal from './Modal';
-import { Pagination } from './Pagination';
-import SideNav from './SideNav/UI/SideNavUI';
-import Spinner from './UnwrappedSpinner';
-import TabPanel from './Tabs/TabPanel';
-import Tabs from './Tabs/index';
-import Tooltip from './Tooltip';
-import Infotip from './Infotip';
-import Search from './Search';
-import TextInput from './TextInput';
-import Dropdown from './Dropdown';
-import DSLink from './Link';
+import Accordion from "./Accordion";
+import Alert from "./Alert";
+import Breadcrumb from "./Breadcrumb";
+import Button, { TextButton } from "./Button";
+import CalloutBox from "./CalloutBox";
+import Card from "./Card";
+import FlashNotification from "./FlashNotification/FlashNotificationUI";
+import Footer from "./Footer/FooterUI";
+import Header from "./Header/HeaderUI";
+import InputLabel from "./InputLabel";
+import FormControlLabel from "./FormControlLabel";
+import Modal from "./Modal";
+import { Pagination } from "./Pagination";
+import SideNav from "./SideNav/UI/SideNavUI";
+import Select from "./Select";
+import Spinner from "./UnwrappedSpinner";
+import TabPanel from "./Tabs/TabPanel";
+import Tabs from "./Tabs/index";
+import TextField from "./TextField";
+import Tooltip from "./Tooltip";
+import Infotip from "./Infotip";
+import Search from "./Search";
+import TextInput from "./TextInput";
+import Dropdown from "./Dropdown";
+import DSLink from "./Link";
 import {
-  MyApplicationsIcon,
-  UserSignInIcon,
-  MyTestDataIcon,
-  ReportDataIcon,
-  ManageUsersIcon,
-  AccountHomeIcon,
-  FacilityBasedPreviewIcon,
-  PaymentIcon,
-  PhysicianCompareIcon,
-  HardshipIcon,
-  TargetIcon,
-  ReportsIcon,
-  HelpSupportIcon,
-  DashboardIcon,
-  AccountSettings,
-  DetailsIcon,
-  StarIcon,
-  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';
+    MyApplicationsIcon,
+    UserSignInIcon,
+    MyTestDataIcon,
+    ReportDataIcon,
+    ManageUsersIcon,
+    AccountHomeIcon,
+    FacilityBasedPreviewIcon,
+    PaymentIcon,
+    PhysicianCompareIcon,
+    HardshipIcon,
+    TargetIcon,
+    ReportsIcon,
+    HelpSupportIcon,
+    DashboardIcon,
+    AccountSettings,
+    DetailsIcon,
+    StarIcon,
+    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,
-  CliniciansIcon,
-  GroupReporting,
-  IndividualReporting,
-  ChevronLeft,
-  ChevronRight,
-  ChevronDown,
-  SwitchPractice,
-  ScoreIncrease,
-  TooltipIcon,
-  NavCollapse,
-  NavExpand,
-  CloseXIcon,
-  CloseXIcon2,
-  BellOutline,
-  EarlyClaims,
-  CliniciansList,
-  YoutubeIcon,
-  TwitterIcon,
-  WiViewReportsIcon,
-  WiViewProgressIcon,
-  WiManageGroupIcon,
+    MyApplicationsIcon,
+    UserSignInIcon,
+    MyTestDataIcon,
+    ReportDataIcon,
+    ManageUsersIcon,
+    AccountHomeIcon,
+    FacilityBasedPreviewIcon,
+    PaymentIcon,
+    PhysicianCompareIcon,
+    HardshipIcon,
+    TargetIcon,
+    ReportsIcon,
+    HelpSupportIcon,
+    DashboardIcon,
+    AccountSettings,
+    DetailsIcon,
+    StarIcon,
+    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,
-  CalloutBox,
-  Card,
-  FlashNotification,
-  Footer,
-  Header,
-  Icons,
-  Infotip,
-  Modal,
-  Pagination,
-  Search,
-  SideNav,
-  Spinner,
-  TabPanel,
-  Tabs,
-  TextButton,
-  TextInput,
-  Dropdown,
-  Tooltip,
-  DSLink,
+    Accordion,
+    Alert,
+    Breadcrumb,
+    Button,
+    CalloutBox,
+    Card,
+    FlashNotification,
+    Footer,
+    FormControlLabel,
+    Header,
+    InputLabel,
+    Icons,
+    Infotip,
+    Modal,
+    Pagination,
+    Search,
+    Select,
+    SideNav,
+    Spinner,
+    TabPanel,
+    Tabs,
+    TextButton,
+    TextInput,
+    TextField,
+    Dropdown,
+    Tooltip,
+    DSLink,
 };