@npm_leadtech/legal-lib-components 7.14.7 → 7.16.0

package/dist/src/components/sections/Header/HeaderProps.types.d.ts

@@ -0,0 +1,97 @@
+import { DocumentListMenuSectionProps } from '../../molecules/DocumentListMenuSection';
+import { type LanguageSelectorProps } from '../../organisms/LanguageSelector/LanguageSelectorProps';
+import { Products } from '../../organisms/NavMenu/NavMenuProps.types';
+interface StaticRoutes {
+    LOGIN: string;
+    MY_DOCUMENTS: string;
+    REGISTER: string;
+    SIGN_EDITOR: string;
+    RATAFIA_LOGIN: string;
+    LEGAL_DOCUMENTS: string;
+}
+interface DynamicRoutes {
+    CUSTOM_URL_FROM_APP_SUBDOMAIN: (url: string) => string;
+    CUSTOM_URL_FROM_TARGET_ADDRESS: (url: string) => string;
+    LEGAL_DOCUMENTS_WITH_HASH: (category: string) => string;
+    LEGAL_DOCUMENTS_WITH_CATEGORY: (category: string) => string;
+}
+export type Routes = StaticRoutes & DynamicRoutes;
+export interface StrapiSearchBar {
+    title: string;
+    placeholder: string;
+}
+export interface HeaderProps {
+    mainHeaderProps: {
+        classnames?: string;
+        hide?: boolean;
+        siteName: string;
+    };
+    topBarProps: {
+        isMobile?: boolean;
+        hide?: boolean;
+        isVisible?: boolean;
+        children?: React.ReactNode;
+    };
+    navMenuProps: {
+        isLeftNavHidden?: boolean;
+        isHeaderProductsHidden?: boolean;
+        isSearchBarHidden?: boolean;
+        isResourcesHidden?: boolean;
+        showHeaderPhone?: boolean;
+        showContactBar?: boolean;
+        showContactBarMobile?: boolean;
+        languageSelectorProps?: LanguageSelectorProps;
+        userActions: React.ReactNode;
+        menuStrings: {
+            seeAllLegalDocs: string;
+            seeAllTypeDocs: string;
+            allLegalDocs: string;
+            allTypeDocs: string;
+        };
+        routes: Routes;
+        searchBarTexts: StrapiSearchBar;
+        sitePhone: string;
+        handleResultClick: (product: string, link: string) => void;
+        searchableProducts: Products[];
+        isMenuOpen: boolean;
+        languageSelectorConfigEnabled: boolean;
+        isJonSnow: boolean;
+        isMobile: boolean;
+        triggerMenuOpen: React.ReactNode;
+        triggerMenuClose: React.ReactNode;
+        toggleMenuOpen: () => void;
+        setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void;
+        finalMenu: DocumentListMenuSectionProps[];
+        configVars: {
+            TARGET_ADDRESS: string;
+            ESIGNATURE_CONFIG: {
+                ENABLED: boolean;
+                SIGN_SUBDOMAIN: string;
+            };
+            IS_JONSNOW: boolean;
+            HAS_GRAV_SITEMAP: boolean;
+            RATAFIA_CONFIG: {
+                ENABLED: boolean;
+                CLAUSES_ENABLED: boolean;
+            };
+            HAS_SUBCATEGORY_PAGE: boolean;
+        };
+        navMenuItems: {
+            title: string;
+            dataQa: string;
+            href: string;
+            label: string;
+        }[];
+        extraMenu?: {
+            title: string;
+            items: {
+                title: string;
+                dataQa: string;
+                href: string;
+                label: string;
+            }[];
+        };
+    };
+    ref: React.Ref<HTMLDivElement>;
+}
+export {};

package/dist/src/components/sections/Header/HeaderProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/sections/Header/HeaderProps.types.ts

@@ -0,0 +1,101 @@
+import { DocumentListMenuSectionProps } from '../../molecules/DocumentListMenuSection'
+import { type LanguageSelectorProps } from '../../organisms/LanguageSelector/LanguageSelectorProps'
+import { Products } from '../../organisms/NavMenu/NavMenuProps.types'
+
+interface StaticRoutes {
+  LOGIN: string
+  MY_DOCUMENTS: string
+  REGISTER: string
+  SIGN_EDITOR: string
+  RATAFIA_LOGIN: string
+  LEGAL_DOCUMENTS: string
+}
+
+interface DynamicRoutes {
+  CUSTOM_URL_FROM_APP_SUBDOMAIN: (url: string) => string
+  CUSTOM_URL_FROM_TARGET_ADDRESS: (url: string) => string
+  LEGAL_DOCUMENTS_WITH_HASH: (category: string) => string
+  LEGAL_DOCUMENTS_WITH_CATEGORY: (category: string) => string
+}
+
+export type Routes = StaticRoutes & DynamicRoutes
+
+export interface StrapiSearchBar {
+  title: string
+  placeholder: string
+}
+
+export interface HeaderProps {
+  mainHeaderProps: {
+    classnames?: string
+    hide?: boolean
+    siteName: string
+  }
+  topBarProps: {
+    isMobile?: boolean
+    hide?: boolean
+    isVisible?: boolean
+    children?: React.ReactNode
+  }
+  navMenuProps: {
+    isLeftNavHidden?: boolean
+    isHeaderProductsHidden?: boolean
+    isSearchBarHidden?: boolean
+    isResourcesHidden?: boolean
+    showHeaderPhone?: boolean
+    showContactBar?: boolean
+    showContactBarMobile?: boolean
+    languageSelectorProps?: LanguageSelectorProps
+    userActions: React.ReactNode
+    menuStrings: {
+      seeAllLegalDocs: string
+      seeAllTypeDocs: string
+      allLegalDocs: string
+      allTypeDocs: string
+    }
+    routes: Routes
+    searchBarTexts: StrapiSearchBar
+    sitePhone: string
+    handleResultClick: (product: string, link: string) => void
+    searchableProducts: Products[]
+    isMenuOpen: boolean
+    languageSelectorConfigEnabled: boolean
+    isJonSnow: boolean
+    isMobile: boolean
+    triggerMenuOpen: React.ReactNode
+    triggerMenuClose: React.ReactNode
+    toggleMenuOpen: () => void
+    setCookiePolicyFunc: (url?: string, setCookiePolicyAccepted?: boolean) => void
+    finalMenu: DocumentListMenuSectionProps[]
+    configVars: {
+      TARGET_ADDRESS: string
+      ESIGNATURE_CONFIG: {
+        ENABLED: boolean
+        SIGN_SUBDOMAIN: string
+      }
+      IS_JONSNOW: boolean
+      HAS_GRAV_SITEMAP: boolean
+      RATAFIA_CONFIG: {
+        ENABLED: boolean
+        CLAUSES_ENABLED: boolean
+      }
+      HAS_SUBCATEGORY_PAGE: boolean
+    }
+    navMenuItems: {
+      title: string
+      dataQa: string
+      href: string
+      label: string
+    }[]
+    extraMenu?: {
+      title: string
+      items: {
+        title: string
+        dataQa: string
+        href: string
+        label: string
+      }[]
+    }
+  }
+  ref: React.Ref<HTMLDivElement>
+}

package/dist/src/components/sections/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Header } from './Header';
+export { type HeaderProps } from './HeaderProps.types';

package/dist/src/components/sections/Header/index.js

@@ -0,0 +1 @@
+export { default as Header } from './Header';

package/dist/src/components/sections/Header/index.ts

@@ -0,0 +1,2 @@
+export { default as Header } from './Header'
+export { type HeaderProps } from './HeaderProps.types'

package/dist/src/components/sections/index.d.ts

@@ -26,4 +26,5 @@ export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
+export * from './Header';
 export * from './Footer';

package/dist/src/components/sections/index.js

@@ -26,4 +26,5 @@ export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
+export * from './Header';
 export * from './Footer';

package/dist/src/components/sections/index.ts

@@ -26,4 +26,5 @@ export * from './UnsubscribeSection'
 export * from './WhyLawDistrictSection'
 export * from './LearnMoreSection'
 export * from './CardStorySection'
+export * from './Header'
 export * from './Footer'

package/dist/src/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+interface Size {
+    width: number | null;
+    height: number | null;
+}
+export declare const useWindowSize: () => Size;
+export {};

package/dist/src/hooks/useWindowSize.js

@@ -0,0 +1,43 @@
+import { useEffect, useState } from 'react';
+const getSize = () => {
+    if (typeof window !== 'undefined') {
+        return {
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
+    }
+    else if (typeof document !== 'undefined') {
+        if (typeof document.documentElement !== 'undefined') {
+            return {
+                width: document.documentElement.clientWidth,
+                height: document.documentElement.clientHeight
+            };
+        }
+        else {
+            return {
+                width: document.body.clientWidth,
+                height: document.body.clientHeight
+            };
+        }
+    }
+};
+export const useWindowSize = () => {
+    const [size, setSize] = useState({
+        width: null,
+        height: null
+    });
+    const resizeListener = () => {
+        const newSize = getSize();
+        if (newSize) {
+            setSize(newSize);
+        }
+    };
+    useEffect(() => {
+        resizeListener();
+        window.addEventListener('resize', resizeListener);
+        return () => {
+            window.removeEventListener('resize', resizeListener);
+        };
+    }, []);
+    return size;
+};

package/dist/src/hooks/useWindowSize.tsx

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react'
+
+interface Size {
+  width: number | null
+  height: number | null
+}
+
+const getSize = (): Size | undefined => {
+  if (typeof window !== 'undefined') {
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }
+  } else if (typeof document !== 'undefined') {
+    if (typeof document.documentElement !== 'undefined') {
+      return {
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      }
+    } else {
+      return {
+        width: document.body.clientWidth,
+        height: document.body.clientHeight
+      }
+    }
+  }
+}
+
+export const useWindowSize = (): Size => {
+  const [size, setSize] = useState<Size>({
+    width: null,
+    height: null
+  })
+
+  const resizeListener = (): void => {
+    const newSize = getSize()
+    if (newSize) {
+      setSize(newSize)
+    }
+  }
+
+  useEffect(() => {
+    resizeListener()
+    window.addEventListener('resize', resizeListener)
+    return () => {
+      window.removeEventListener('resize', resizeListener)
+    }
+  }, [])
+
+  return size
+}