@npm_leadtech/legal-lib-components 7.19.2 → 7.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/dist/css/styles.css +30 -15
  2. package/dist/images/componentsSvg/InfoLocationSvg.d.ts +2 -0
  3. package/dist/images/componentsSvg/InfoLocationSvg.js +4 -0
  4. package/dist/images/componentsSvg/InfoLocationSvg.tsx +14 -0
  5. package/dist/images/componentsSvg/InfoMailSvg.d.ts +2 -0
  6. package/dist/images/componentsSvg/InfoMailSvg.js +4 -0
  7. package/dist/images/componentsSvg/InfoMailSvg.tsx +12 -0
  8. package/dist/images/componentsSvg/InfoPhoneSvg.d.ts +2 -0
  9. package/dist/images/componentsSvg/InfoPhoneSvg.js +4 -0
  10. package/dist/images/componentsSvg/InfoPhoneSvg.tsx +12 -0
  11. package/dist/src/components/atoms/CardPane/CardPane.styled.js +1 -1
  12. package/dist/src/components/atoms/CardPane/CardPane.styled.ts +1 -1
  13. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.js +1 -1
  14. package/dist/src/components/atoms/SearchSelect/SearchSelect.styled.ts +1 -1
  15. package/dist/src/components/atoms/index.d.ts +0 -3
  16. package/dist/src/components/atoms/index.js +0 -3
  17. package/dist/src/components/atoms/index.ts +0 -3
  18. package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.js +1 -1
  19. package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.ts +1 -1
  20. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.d.ts +3 -0
  21. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.js +6 -0
  22. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.d.ts +1 -0
  23. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.js +23 -0
  24. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.ts +24 -0
  25. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.tsx +15 -0
  26. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.d.ts +4 -0
  27. package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.ts +4 -0
  28. package/dist/src/components/molecules/ContactInfoBox/index.d.ts +2 -0
  29. package/dist/src/components/molecules/ContactInfoBox/index.js +1 -0
  30. package/dist/src/components/molecules/ContactInfoBox/index.ts +2 -0
  31. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.d.ts +3 -0
  32. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.js +6 -0
  33. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.d.ts +1 -0
  34. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.js +23 -0
  35. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.styled.ts +24 -0
  36. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobile.tsx +15 -0
  37. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.d.ts +4 -0
  38. package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.ts +4 -0
  39. package/dist/src/components/molecules/ContactInfoBoxMobile/index.d.ts +2 -0
  40. package/dist/src/components/molecules/ContactInfoBoxMobile/index.js +1 -0
  41. package/dist/src/components/molecules/ContactInfoBoxMobile/index.ts +2 -0
  42. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.d.ts +3 -0
  43. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.js +19 -0
  44. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.d.ts +1 -0
  45. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.js +77 -0
  46. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.styled.ts +78 -0
  47. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCard.tsx +58 -0
  48. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.d.ts +7 -0
  49. package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.ts +8 -0
  50. package/dist/src/components/molecules/ContactInfoCard/index.d.ts +2 -0
  51. package/dist/src/components/molecules/ContactInfoCard/index.js +2 -0
  52. package/dist/src/components/molecules/ContactInfoCard/index.ts +2 -0
  53. package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx +1 -1
  54. package/dist/src/components/molecules/SocialLinks/SocialLinks.js +5 -1
  55. package/dist/src/components/molecules/SocialLinks/SocialLinks.tsx +11 -7
  56. package/dist/src/components/molecules/TextInput/TextInput.scss +31 -15
  57. package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx +13 -2
  58. package/dist/src/components/molecules/index.d.ts +2 -2
  59. package/dist/src/components/molecules/index.js +2 -2
  60. package/dist/src/components/molecules/index.ts +2 -2
  61. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.js +3 -3
  62. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.js +0 -1
  63. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.ts +0 -1
  64. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.tsx +4 -6
  65. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.d.ts +2 -3
  66. package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.ts +2 -4
  67. package/dist/src/components/organisms/index.d.ts +0 -3
  68. package/dist/src/components/organisms/index.js +0 -3
  69. package/dist/src/components/organisms/index.ts +0 -3
  70. package/dist/src/components/pages/ContactUsPage/ContactUsPage.js +3 -3
  71. package/dist/src/components/pages/ContactUsPage/ContactUsPage.tsx +3 -3
  72. package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.d.ts +2 -2
  73. package/dist/src/components/pages/ContactUsPage/ContactUsPageProps.ts +2 -2
  74. package/dist/src/components/sections/ContactSection/ContactSection.styled.js +2 -0
  75. package/dist/src/components/sections/ContactSection/ContactSection.styled.ts +2 -0
  76. package/dist/src/components/sections/index.d.ts +0 -1
  77. package/dist/src/components/sections/index.js +0 -1
  78. package/dist/src/components/sections/index.ts +0 -1
  79. package/dist/src/hooks/useIntersectionObserver.d.ts +7 -5
  80. package/dist/src/hooks/useIntersectionObserver.js +5 -7
  81. package/dist/src/hooks/useIntersectionObserver.tsx +12 -10
  82. package/dist/tsconfig.build.tsbuildinfo +1 -1
  83. package/package.json +1 -2
  84. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.d.ts +0 -3
  85. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.js +0 -5
  86. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.d.ts +0 -1
  87. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.js +0 -21
  88. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.styled.ts +0 -22
  89. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeader.tsx +0 -14
  90. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.d.ts +0 -4
  91. package/dist/src/components/atoms/ContactInformationHeader/ContactInformationHeaderProps.ts +0 -4
  92. package/dist/src/components/atoms/ContactInformationHeader/index.d.ts +0 -2
  93. package/dist/src/components/atoms/ContactInformationHeader/index.js +0 -2
  94. package/dist/src/components/atoms/ContactInformationHeader/index.ts +0 -2
  95. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.d.ts +0 -3
  96. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.js +0 -5
  97. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.d.ts +0 -5
  98. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.js +0 -8
  99. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.styled.ts +0 -13
  100. package/dist/src/components/atoms/MobileTrigger/MobileTrigger.tsx +0 -11
  101. package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.d.ts +0 -6
  102. package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.ts +0 -6
  103. package/dist/src/components/atoms/MobileTrigger/index.d.ts +0 -2
  104. package/dist/src/components/atoms/MobileTrigger/index.js +0 -2
  105. package/dist/src/components/atoms/MobileTrigger/index.ts +0 -2
  106. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.d.ts +0 -3
  107. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.js +0 -6
  108. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.d.ts +0 -1
  109. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js +0 -17
  110. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.ts +0 -18
  111. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.tsx +0 -15
  112. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts +0 -3
  113. package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts +0 -3
  114. package/dist/src/components/atoms/PhoneNumberDisplay/index.d.ts +0 -2
  115. package/dist/src/components/atoms/PhoneNumberDisplay/index.js +0 -2
  116. package/dist/src/components/atoms/PhoneNumberDisplay/index.ts +0 -2
  117. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.d.ts +0 -3
  118. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.js +0 -5
  119. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.d.ts +0 -4
  120. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.js +0 -34
  121. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.styled.ts +0 -38
  122. package/dist/src/components/molecules/HelpPanelList/HelpPanelList.tsx +0 -18
  123. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.d.ts +0 -9
  124. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.js +0 -1
  125. package/dist/src/components/molecules/HelpPanelList/HelpPanelListProps.ts +0 -10
  126. package/dist/src/components/molecules/HelpPanelList/index.d.ts +0 -2
  127. package/dist/src/components/molecules/HelpPanelList/index.js +0 -2
  128. package/dist/src/components/molecules/HelpPanelList/index.ts +0 -2
  129. package/dist/src/components/molecules/HelpSection/HelpSection.d.ts +0 -3
  130. package/dist/src/components/molecules/HelpSection/HelpSection.js +0 -5
  131. package/dist/src/components/molecules/HelpSection/HelpSection.styled.d.ts +0 -3
  132. package/dist/src/components/molecules/HelpSection/HelpSection.styled.js +0 -64
  133. package/dist/src/components/molecules/HelpSection/HelpSection.styled.ts +0 -66
  134. package/dist/src/components/molecules/HelpSection/HelpSection.tsx +0 -18
  135. package/dist/src/components/molecules/HelpSection/HelpSectionProps.d.ts +0 -6
  136. package/dist/src/components/molecules/HelpSection/HelpSectionProps.js +0 -1
  137. package/dist/src/components/molecules/HelpSection/HelpSectionProps.ts +0 -7
  138. package/dist/src/components/molecules/HelpSection/index.d.ts +0 -2
  139. package/dist/src/components/molecules/HelpSection/index.js +0 -2
  140. package/dist/src/components/molecules/HelpSection/index.ts +0 -2
  141. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.d.ts +0 -3
  142. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js +0 -7
  143. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.d.ts +0 -1
  144. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.js +0 -16
  145. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.ts +0 -17
  146. package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx +0 -15
  147. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts +0 -7
  148. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.js +0 -1
  149. package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts +0 -8
  150. package/dist/src/components/organisms/DesktopMenu/index.d.ts +0 -2
  151. package/dist/src/components/organisms/DesktopMenu/index.js +0 -2
  152. package/dist/src/components/organisms/DesktopMenu/index.ts +0 -2
  153. package/dist/src/components/organisms/MobileMenu/MobileMenu.d.ts +0 -3
  154. package/dist/src/components/organisms/MobileMenu/MobileMenu.js +0 -9
  155. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.d.ts +0 -7
  156. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.js +0 -23
  157. package/dist/src/components/organisms/MobileMenu/MobileMenu.styled.ts +0 -30
  158. package/dist/src/components/organisms/MobileMenu/MobileMenu.tsx +0 -54
  159. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.d.ts +0 -16
  160. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.js +0 -1
  161. package/dist/src/components/organisms/MobileMenu/MobileMenuProps.ts +0 -18
  162. package/dist/src/components/organisms/MobileMenu/index.d.ts +0 -2
  163. package/dist/src/components/organisms/MobileMenu/index.js +0 -2
  164. package/dist/src/components/organisms/MobileMenu/index.ts +0 -2
  165. package/dist/src/components/organisms/MobilePanel/MobilePanel.d.ts +0 -3
  166. package/dist/src/components/organisms/MobilePanel/MobilePanel.js +0 -4
  167. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.d.ts +0 -8
  168. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.js +0 -27
  169. package/dist/src/components/organisms/MobilePanel/MobilePanel.styled.ts +0 -35
  170. package/dist/src/components/organisms/MobilePanel/MobilePanel.tsx +0 -13
  171. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.d.ts +0 -7
  172. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.js +0 -1
  173. package/dist/src/components/organisms/MobilePanel/MobilePanelProps.ts +0 -7
  174. package/dist/src/components/organisms/MobilePanel/index.d.ts +0 -2
  175. package/dist/src/components/organisms/MobilePanel/index.js +0 -2
  176. package/dist/src/components/organisms/MobilePanel/index.ts +0 -2
  177. package/dist/src/components/sections/AppHeader/AppHeader.d.ts +0 -4
  178. package/dist/src/components/sections/AppHeader/AppHeader.js +0 -8
  179. package/dist/src/components/sections/AppHeader/AppHeader.scss +0 -32
  180. package/dist/src/components/sections/AppHeader/AppHeader.styled.d.ts +0 -2
  181. package/dist/src/components/sections/AppHeader/AppHeader.styled.js +0 -35
  182. package/dist/src/components/sections/AppHeader/AppHeader.styled.ts +0 -36
  183. package/dist/src/components/sections/AppHeader/AppHeader.tsx +0 -58
  184. package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts +0 -26
  185. package/dist/src/components/sections/AppHeader/AppHeaderProps.js +0 -1
  186. package/dist/src/components/sections/AppHeader/AppHeaderProps.ts +0 -27
  187. package/dist/src/components/sections/AppHeader/index.d.ts +0 -2
  188. package/dist/src/components/sections/AppHeader/index.js +0 -2
  189. package/dist/src/components/sections/AppHeader/index.ts +0 -2
  190. /package/dist/src/components/{atoms/ContactInformationHeader/ContactInformationHeaderProps.js → molecules/ContactInfoBox/ContactInfoBoxProps.types.js} +0 -0
  191. /package/dist/src/components/{atoms/MobileTrigger/MobileTriggerProps.js → molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.js} +0 -0
  192. /package/dist/src/components/{atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.js → molecules/ContactInfoCard/ContactInfoCardProps.js} +0 -0
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- // src/components/organisms/MobileMenu/MobileMenu.tsx
3
- import { ContactInformation, MobileTrigger } from '../../atoms';
4
- import { MobileMenuWrapper, UserActionsPanel } from './MobileMenu.styled';
5
- import { HelpPanelList } from '../../molecules';
6
- import { MobilePanel } from '../MobilePanel';
7
- export const MobileMenu = ({ isHelpActive, isPersonalActive, toggleMenuHelpOpen, toggleMenuPersonalOpen, menuList, sitePhone, scheduleText, homeUrl, userActions, helpTriggerImage, userTriggerImage, closeText, showTopBar }) => {
8
- return (_jsxs(MobileMenuWrapper, { children: [_jsx(MobileTrigger, { onClick: toggleMenuHelpOpen, isActive: isHelpActive, imageUrl: helpTriggerImage, altText: 'Help and contact menu' }), _jsx(MobileTrigger, { onClick: toggleMenuPersonalOpen, isActive: isPersonalActive, imageUrl: userTriggerImage, altText: 'User actions menu' }), _jsxs(MobilePanel, { showTopBar: showTopBar, closeText: closeText, isActive: isHelpActive, onClose: toggleMenuHelpOpen, children: [menuList?.items?.length && _jsx(HelpPanelList, { ...menuList, homeUrl: homeUrl }), sitePhone && _jsx(ContactInformation, { phoneNumber: sitePhone, scheduleText: scheduleText })] }), _jsx(MobilePanel, { showTopBar: showTopBar, closeText: closeText, isActive: isPersonalActive, onClose: toggleMenuPersonalOpen, children: _jsx(UserActionsPanel, { children: userActions }) })] }));
9
- };
@@ -1,7 +0,0 @@
1
- type MobileMenuTriggerProps = {
2
- isActive: boolean;
3
- };
4
- export declare const MobileMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
5
- export declare const MobilePersonalTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MobileMenuTriggerProps>> & string;
6
- export declare const UserActionsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
7
- export {};
@@ -1,23 +0,0 @@
1
- import styled from 'styled-components';
2
- export const MobileMenuWrapper = styled.nav `
3
- display: flex;
4
- justify-content: flex-end;
5
- align-items: center;
6
- gap: 1rem;
7
- @media (min-width: 720px) {
8
- display: none;
9
- }
10
- `;
11
- export const MobilePersonalTrigger = styled.div `
12
- border: 1px solid var(--neutral-neutral-3);
13
- border-radius: 4px;
14
- padding: 4px 8px;
15
- cursor: pointer;
16
- background-color: ${(props) => (props.isActive ? 'var(--primary-main)' : 'var(--others-white)')};
17
- `;
18
- export const UserActionsPanel = styled.div `
19
- padding: 1.5rem 0;
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- `;
@@ -1,30 +0,0 @@
1
- import styled from 'styled-components'
2
-
3
- type MobileMenuTriggerProps = {
4
- isActive: boolean
5
- }
6
-
7
- export const MobileMenuWrapper = styled.nav`
8
- display: flex;
9
- justify-content: flex-end;
10
- align-items: center;
11
- gap: 1rem;
12
- @media (min-width: 720px) {
13
- display: none;
14
- }
15
- `
16
-
17
- export const MobilePersonalTrigger = styled.div<MobileMenuTriggerProps>`
18
- border: 1px solid var(--neutral-neutral-3);
19
- border-radius: 4px;
20
- padding: 4px 8px;
21
- cursor: pointer;
22
- background-color: ${(props) => (props.isActive ? 'var(--primary-main)' : 'var(--others-white)')};
23
- `
24
-
25
- export const UserActionsPanel = styled.div`
26
- padding: 1.5rem 0;
27
- display: flex;
28
- align-items: center;
29
- justify-content: center;
30
- `
@@ -1,54 +0,0 @@
1
- // src/components/organisms/MobileMenu/MobileMenu.tsx
2
- import { ContactInformation, MobileTrigger } from '../../atoms'
3
- import { MobileMenuWrapper, UserActionsPanel } from './MobileMenu.styled'
4
- import { HelpPanelList } from '../../molecules'
5
- import { MobileMenuProps } from './MobileMenuProps'
6
- import { MobilePanel } from '../MobilePanel'
7
- import React from 'react'
8
-
9
- export const MobileMenu: React.FC<MobileMenuProps> = ({
10
- isHelpActive,
11
- isPersonalActive,
12
- toggleMenuHelpOpen,
13
- toggleMenuPersonalOpen,
14
- menuList,
15
- sitePhone,
16
- scheduleText,
17
- homeUrl,
18
- userActions,
19
- helpTriggerImage,
20
- userTriggerImage,
21
- closeText,
22
- showTopBar
23
- }) => {
24
- return (
25
- <MobileMenuWrapper>
26
- <MobileTrigger
27
- onClick={toggleMenuHelpOpen}
28
- isActive={isHelpActive}
29
- imageUrl={helpTriggerImage}
30
- altText='Help and contact menu'
31
- />
32
- <MobileTrigger
33
- onClick={toggleMenuPersonalOpen}
34
- isActive={isPersonalActive}
35
- imageUrl={userTriggerImage}
36
- altText='User actions menu'
37
- />
38
-
39
- <MobilePanel showTopBar={showTopBar} closeText={closeText} isActive={isHelpActive} onClose={toggleMenuHelpOpen}>
40
- {menuList?.items?.length && <HelpPanelList {...menuList} homeUrl={homeUrl} />}
41
- {sitePhone && <ContactInformation phoneNumber={sitePhone} scheduleText={scheduleText} />}
42
- </MobilePanel>
43
-
44
- <MobilePanel
45
- showTopBar={showTopBar}
46
- closeText={closeText}
47
- isActive={isPersonalActive}
48
- onClose={toggleMenuPersonalOpen}
49
- >
50
- <UserActionsPanel>{userActions}</UserActionsPanel>
51
- </MobilePanel>
52
- </MobileMenuWrapper>
53
- )
54
- }
@@ -1,16 +0,0 @@
1
- import { HelpPanelListProps } from 'src/components/molecules/HelpPanelList/HelpPanelListProps';
2
- export interface MobileMenuProps {
3
- isHelpActive: boolean;
4
- isPersonalActive: boolean;
5
- toggleMenuHelpOpen: () => void;
6
- toggleMenuPersonalOpen: () => void;
7
- menuList?: HelpPanelListProps;
8
- sitePhone?: string;
9
- scheduleText?: string;
10
- homeUrl?: string;
11
- userActions?: React.ReactNode;
12
- helpTriggerImage: string;
13
- userTriggerImage: string;
14
- closeText: string;
15
- showTopBar?: boolean;
16
- }
@@ -1,18 +0,0 @@
1
- import { HelpPanelListProps } from 'src/components/molecules/HelpPanelList/HelpPanelListProps'
2
-
3
- export interface MobileMenuProps {
4
- isHelpActive: boolean
5
- isPersonalActive: boolean
6
- toggleMenuHelpOpen: () => void
7
- toggleMenuPersonalOpen: () => void
8
-
9
- menuList?: HelpPanelListProps
10
- sitePhone?: string
11
- scheduleText?: string
12
- homeUrl?: string
13
- userActions?: React.ReactNode
14
- helpTriggerImage: string
15
- userTriggerImage: string
16
- closeText: string
17
- showTopBar?: boolean
18
- }
@@ -1,2 +0,0 @@
1
- export * from './MobileMenu';
2
- export * from './MobileMenuProps';
@@ -1,2 +0,0 @@
1
- export * from './MobileMenu';
2
- export * from './MobileMenuProps';
@@ -1,2 +0,0 @@
1
- export * from './MobileMenu'
2
- export * from './MobileMenuProps'
@@ -1,3 +0,0 @@
1
- import { MobilePanelProps } from './MobilePanelProps';
2
- import React from 'react';
3
- export declare const MobilePanel: React.FC<MobilePanelProps>;
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- // src/components/molecules/MobilePanel/MobilePanel.tsx
3
- import { CloseButton, PanelMenu, PanelMobileWrapper } from './MobilePanel.styled';
4
- export const MobilePanel = ({ showTopBar, isActive, onClose, children, closeText }) => (_jsx(PanelMobileWrapper, { isActive: isActive, showTopBar: showTopBar, children: _jsxs(PanelMenu, { children: [children, _jsx(CloseButton, { onClick: onClose, children: closeText })] }) }));
@@ -1,8 +0,0 @@
1
- type MobileMenuTriggerProps = {
2
- isActive: boolean;
3
- showTopBar?: boolean;
4
- };
5
- export declare const PanelMobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MobileMenuTriggerProps>> & string;
6
- export declare const PanelMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
7
- export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
8
- export {};
@@ -1,27 +0,0 @@
1
- import styled from 'styled-components';
2
- export const PanelMobileWrapper = styled.div `
3
- display: ${(props) => (props.isActive ? 'block' : 'none')};
4
- position: fixed;
5
- box-shadow: 0 0.25rem 0.5rem -0.5rem rgba(2, 55, 74, 0.2);
6
- overflow: auto;
7
- height: 100%;
8
- width: 100%;
9
- top: ${(props) => (props.showTopBar ? '6.3rem' : '4rem')};
10
- @media (min-width: 576px) and (max-width: 720px) {
11
- top: ${(props) => props.showTopBar && '4rem'};
12
- }
13
- left: 0;
14
- background-color: rgba(109, 114, 117, 0.3019607843);
15
- `;
16
- export const PanelMenu = styled.div `
17
- background: var(--others-white);
18
- box-shadow: 0 0.75rem 0.5rem -0.5rem rgba(2, 55, 74, 0.2);
19
- padding: 0 1.5rem;
20
- `;
21
- export const CloseButton = styled.div `
22
- padding: 1.5rem 0;
23
- color: var(--primary-main);
24
- font-weight: 700;
25
- border-top: 1px solid var(--neutral-neutral-4);
26
- cursor: pointer;
27
- `;
@@ -1,35 +0,0 @@
1
- import styled from 'styled-components'
2
-
3
- type MobileMenuTriggerProps = {
4
- isActive: boolean
5
- showTopBar?: boolean
6
- }
7
-
8
- export const PanelMobileWrapper = styled.div<MobileMenuTriggerProps>`
9
- display: ${(props) => (props.isActive ? 'block' : 'none')};
10
- position: fixed;
11
- box-shadow: 0 0.25rem 0.5rem -0.5rem rgba(2, 55, 74, 0.2);
12
- overflow: auto;
13
- height: 100%;
14
- width: 100%;
15
- top: ${(props) => (props.showTopBar ? '6.3rem' : '4rem')};
16
- @media (min-width: 576px) and (max-width: 720px) {
17
- top: ${(props) => props.showTopBar && '4rem'};
18
- }
19
- left: 0;
20
- background-color: rgba(109, 114, 117, 0.3019607843);
21
- `
22
-
23
- export const PanelMenu = styled.div`
24
- background: var(--others-white);
25
- box-shadow: 0 0.75rem 0.5rem -0.5rem rgba(2, 55, 74, 0.2);
26
- padding: 0 1.5rem;
27
- `
28
-
29
- export const CloseButton = styled.div`
30
- padding: 1.5rem 0;
31
- color: var(--primary-main);
32
- font-weight: 700;
33
- border-top: 1px solid var(--neutral-neutral-4);
34
- cursor: pointer;
35
- `
@@ -1,13 +0,0 @@
1
- // src/components/molecules/MobilePanel/MobilePanel.tsx
2
- import { CloseButton, PanelMenu, PanelMobileWrapper } from './MobilePanel.styled'
3
- import { MobilePanelProps } from './MobilePanelProps'
4
- import React from 'react'
5
-
6
- export const MobilePanel: React.FC<MobilePanelProps> = ({ showTopBar, isActive, onClose, children, closeText }) => (
7
- <PanelMobileWrapper isActive={isActive} showTopBar={showTopBar}>
8
- <PanelMenu>
9
- {children}
10
- <CloseButton onClick={onClose}>{closeText}</CloseButton>
11
- </PanelMenu>
12
- </PanelMobileWrapper>
13
- )
@@ -1,7 +0,0 @@
1
- export interface MobilePanelProps {
2
- isActive: boolean;
3
- onClose: () => void;
4
- children: React.ReactNode;
5
- closeText: string;
6
- showTopBar?: boolean;
7
- }
@@ -1,7 +0,0 @@
1
- export interface MobilePanelProps {
2
- isActive: boolean
3
- onClose: () => void
4
- children: React.ReactNode
5
- closeText: string
6
- showTopBar?: boolean
7
- }
@@ -1,2 +0,0 @@
1
- export * from './MobilePanel';
2
- export * from './MobilePanelProps';
@@ -1,2 +0,0 @@
1
- export * from './MobilePanel';
2
- export * from './MobilePanelProps';
@@ -1,2 +0,0 @@
1
- export * from './MobilePanel'
2
- export * from './MobilePanelProps'
@@ -1,4 +0,0 @@
1
- import { AppHeaderProps } from './AppHeaderProps';
2
- import React from 'react';
3
- import './AppHeader.scss';
4
- export declare const AppHeader: React.FC<AppHeaderProps>;
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AppHeaderStyled, AppHeaderWrapper } from './AppHeader.styled';
3
- import { DesktopMenu, MobileMenu } from '../../organisms';
4
- import { Logo } from '../../atoms';
5
- import './AppHeader.scss';
6
- export const AppHeader = ({ siteName = 'LawDistrict', homeUrl = '/', sitePhone, scheduleText, headerFullWidth, menuList, toggleMenuHelpOpen, toggleMenuPersonalOpen, isHelpActive, isPersonalActive, userActions, helpTriggerImage, userTriggerImage, handleClickLogo, headerClassnames, closeText = 'Close', showTopBar }) => {
7
- return (_jsx(AppHeaderStyled, { className: headerClassnames, children: _jsxs(AppHeaderWrapper, { itemScope: true, itemType: 'https://schema.org/Brand', className: `${headerFullWidth ? '--no-grid' : 'wrapper'}`, children: [_jsx("a", { className: 'header__logo', onClick: (event) => handleClickLogo(event, homeUrl), href: homeUrl, children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(DesktopMenu, { phoneNumber: sitePhone, menuList: menuList, userActions: userActions, homeUrl: homeUrl }), _jsx(MobileMenu, { closeText: closeText, helpTriggerImage: helpTriggerImage, isHelpActive: isHelpActive, isPersonalActive: isPersonalActive, toggleMenuHelpOpen: toggleMenuHelpOpen, toggleMenuPersonalOpen: toggleMenuPersonalOpen, userTriggerImage: userTriggerImage, homeUrl: homeUrl, menuList: menuList, scheduleText: scheduleText, sitePhone: sitePhone, userActions: userActions, showTopBar: showTopBar })] }) }));
8
- };
@@ -1,32 +0,0 @@
1
- .navigation-pane__user-menu {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- .navigation-pane__user-name {
6
- margin-right: 1rem;
7
- font-weight: bold;
8
- text-overflow: ellipsis;
9
- overflow: hidden;
10
- white-space: nowrap;
11
- width: 6rem;
12
- }
13
-
14
- .longer-text {
15
- width: 11rem;
16
- margin-right: 1.5rem;
17
- padding: 0.5rem 1.5rem 0.5rem 0.5rem;
18
- color: var(--button-hover);
19
- }
20
-
21
- .go-to-dashboard-button,
22
- .go-to-free-account-button {
23
- background-color: transparent;
24
-
25
- &:hover {
26
- background-color: #e4f8f3;
27
- }
28
- }
29
- .navigation-pane__button {
30
- width: 100%;
31
- }
32
- }
@@ -1,2 +0,0 @@
1
- export declare const AppHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
2
- export declare const AppHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -1,35 +0,0 @@
1
- import styled from 'styled-components';
2
- export const AppHeaderStyled = styled.header `
3
- background-color: var(--others-white);
4
- position: sticky;
5
- z-index: 999;
6
- &.product-header-background {
7
- background-color: var(--secondary-main-light-4);
8
- }
9
-
10
- &.create-password-header-background {
11
- background-color: var(--neutral-neutral-6);
12
- }
13
-
14
- &.payment-details-header-background {
15
- background-color: var(--neutral-neutral-6);
16
- }
17
-
18
- &.payment-header-background-8814 {
19
- background-color: var(--primary-main-light-5);
20
- }
21
-
22
- &.transparent-header-background {
23
- background-color: transparent;
24
- }
25
-
26
- &.form-header-background {
27
- background-color: var(--others-white);
28
- }
29
- `;
30
- export const AppHeaderWrapper = styled.span `
31
- display: flex;
32
- justify-content: space-between;
33
- align-items: center;
34
- padding: 1rem 1.5rem 1rem 1.5rem;
35
- `;
@@ -1,36 +0,0 @@
1
- import styled from 'styled-components'
2
-
3
- export const AppHeaderStyled = styled.header`
4
- background-color: var(--others-white);
5
- position: sticky;
6
- z-index: 999;
7
- &.product-header-background {
8
- background-color: var(--secondary-main-light-4);
9
- }
10
-
11
- &.create-password-header-background {
12
- background-color: var(--neutral-neutral-6);
13
- }
14
-
15
- &.payment-details-header-background {
16
- background-color: var(--neutral-neutral-6);
17
- }
18
-
19
- &.payment-header-background-8814 {
20
- background-color: var(--primary-main-light-5);
21
- }
22
-
23
- &.transparent-header-background {
24
- background-color: transparent;
25
- }
26
-
27
- &.form-header-background {
28
- background-color: var(--others-white);
29
- }
30
- `
31
- export const AppHeaderWrapper = styled.span`
32
- display: flex;
33
- justify-content: space-between;
34
- align-items: center;
35
- padding: 1rem 1.5rem 1rem 1.5rem;
36
- `
@@ -1,58 +0,0 @@
1
- import { AppHeaderStyled, AppHeaderWrapper } from './AppHeader.styled'
2
- import { DesktopMenu, MobileMenu } from '../../organisms'
3
- import { AppHeaderProps } from './AppHeaderProps'
4
- import { Logo } from '../../atoms'
5
- import React from 'react'
6
- import './AppHeader.scss'
7
-
8
- export const AppHeader: React.FC<AppHeaderProps> = ({
9
- siteName = 'LawDistrict',
10
- homeUrl = '/',
11
- sitePhone,
12
- scheduleText,
13
- headerFullWidth,
14
- menuList,
15
- toggleMenuHelpOpen,
16
- toggleMenuPersonalOpen,
17
- isHelpActive,
18
- isPersonalActive,
19
- userActions,
20
- helpTriggerImage,
21
- userTriggerImage,
22
- handleClickLogo,
23
- headerClassnames,
24
- closeText = 'Close',
25
- showTopBar
26
- }) => {
27
- return (
28
- <AppHeaderStyled className={headerClassnames}>
29
- <AppHeaderWrapper
30
- itemScope
31
- itemType='https://schema.org/Brand'
32
- className={`${headerFullWidth ? '--no-grid' : 'wrapper'}`}
33
- >
34
- <a className='header__logo' onClick={(event) => handleClickLogo(event, homeUrl)} href={homeUrl}>
35
- <Logo siteName={siteName} width='188' height='32' />
36
- </a>
37
-
38
- <DesktopMenu phoneNumber={sitePhone} menuList={menuList} userActions={userActions} homeUrl={homeUrl} />
39
-
40
- <MobileMenu
41
- closeText={closeText}
42
- helpTriggerImage={helpTriggerImage}
43
- isHelpActive={isHelpActive}
44
- isPersonalActive={isPersonalActive}
45
- toggleMenuHelpOpen={toggleMenuHelpOpen}
46
- toggleMenuPersonalOpen={toggleMenuPersonalOpen}
47
- userTriggerImage={userTriggerImage}
48
- homeUrl={homeUrl}
49
- menuList={menuList}
50
- scheduleText={scheduleText}
51
- sitePhone={sitePhone}
52
- userActions={userActions}
53
- showTopBar={showTopBar}
54
- />
55
- </AppHeaderWrapper>
56
- </AppHeaderStyled>
57
- )
58
- }
@@ -1,26 +0,0 @@
1
- export interface MenuListItem {
2
- title: string;
3
- url: string;
4
- }
5
- export interface AppHeaderProps {
6
- siteName: string;
7
- homeUrl: string;
8
- sitePhone: string;
9
- scheduleText: string;
10
- headerFullWidth: boolean;
11
- menuList?: {
12
- title: string;
13
- items: MenuListItem[];
14
- };
15
- toggleMenuHelpOpen: () => void;
16
- toggleMenuPersonalOpen: () => void;
17
- isHelpActive: boolean;
18
- isPersonalActive: boolean;
19
- userActions: React.ReactNode;
20
- helpTriggerImage: string;
21
- userTriggerImage: string;
22
- handleClickLogo: (event: React.MouseEvent<HTMLElement>, url: string) => void;
23
- headerClassnames: string;
24
- closeText: string;
25
- showTopBar?: boolean;
26
- }
@@ -1,27 +0,0 @@
1
- export interface MenuListItem {
2
- title: string
3
- url: string
4
- }
5
-
6
- export interface AppHeaderProps {
7
- siteName: string
8
- homeUrl: string
9
- sitePhone: string
10
- scheduleText: string
11
- headerFullWidth: boolean
12
- menuList?: {
13
- title: string
14
- items: MenuListItem[]
15
- }
16
- toggleMenuHelpOpen: () => void
17
- toggleMenuPersonalOpen: () => void
18
- isHelpActive: boolean
19
- isPersonalActive: boolean
20
- userActions: React.ReactNode
21
- helpTriggerImage: string
22
- userTriggerImage: string
23
- handleClickLogo: (event: React.MouseEvent<HTMLElement>, url: string) => void
24
- headerClassnames: string
25
- closeText: string
26
- showTopBar?: boolean
27
- }
@@ -1,2 +0,0 @@
1
- export * from './AppHeader';
2
- export * from './AppHeaderProps';
@@ -1,2 +0,0 @@
1
- export * from './AppHeader';
2
- export * from './AppHeaderProps';
@@ -1,2 +0,0 @@
1
- export * from './AppHeader'
2
- export * from './AppHeaderProps'