@axos-web-dev/shared-components 0.0.172 → 0.0.174

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 (179) hide show
  1. package/dist/ATMLocator/ATMLocator.js +34 -34
  2. package/dist/Accordion/Accordion.css.js +4 -4
  3. package/dist/Accordion/Accordion.js +3 -3
  4. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  5. package/dist/AlertBanner/index.js +3 -3
  6. package/dist/Article/Article.css.js +4 -4
  7. package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
  8. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  9. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  10. package/dist/BulletItem/BulletItem.css.js +2 -2
  11. package/dist/BulletItem/BulletItem.js +3 -3
  12. package/dist/Button/Button.css.js +4 -4
  13. package/dist/Button/Button.js +34 -34
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  17. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  18. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  20. package/dist/Calculators/Calculator.js +34 -34
  21. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  22. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  23. package/dist/Calculators/calculator.css.js +4 -4
  24. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  25. package/dist/Carousel/Carousel.css.js +3 -3
  26. package/dist/Carousel/index.js +34 -34
  27. package/dist/Chevron/Chevron.css.js +4 -4
  28. package/dist/Chevron/index.js +34 -34
  29. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  30. package/dist/CollectInformationAlert/index.js +3 -3
  31. package/dist/Comparison/Comparison.css.js +7 -7
  32. package/dist/Comparison/Comparison.js +33 -33
  33. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  34. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  35. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  36. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  37. package/dist/FaqAccordion/index.js +34 -34
  38. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +111 -93
  41. package/dist/Forms/ApplicationStart.js +3 -3
  42. package/dist/Forms/ClearingForm.js +3 -3
  43. package/dist/Forms/CommercialDeposits.js +3 -3
  44. package/dist/Forms/CommercialLending.js +3 -3
  45. package/dist/Forms/ContactCompany.js +3 -3
  46. package/dist/Forms/ContactUs.js +3 -3
  47. package/dist/Forms/ContactUsAAS.js +3 -3
  48. package/dist/Forms/ContactUsBusiness.js +34 -34
  49. package/dist/Forms/ContactUsNMLSId.js +34 -34
  50. package/dist/Forms/CpraRequest.js +3 -3
  51. package/dist/Forms/DealerServices.js +3 -3
  52. package/dist/Forms/EmailOnly.js +34 -34
  53. package/dist/Forms/EmailUs.d.ts +1 -1
  54. package/dist/Forms/EmailUs.js +20 -16
  55. package/dist/Forms/Forms.css.js +7 -7
  56. package/dist/Forms/MortgageRate/MortgageRateForm.js +34 -34
  57. package/dist/Forms/MortgageRate/MortgageRateWatch.js +46 -43
  58. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  59. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  60. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  61. package/dist/Forms/ScheduleCall.js +3 -3
  62. package/dist/Forms/ScheduleCallPremier.js +3 -3
  63. package/dist/Forms/SuccesForm.js +35 -35
  64. package/dist/Forms/WcplSurvey.js +3 -3
  65. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  66. package/dist/HeroBanner/HeroBanner.js +10 -2
  67. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  68. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -3
  69. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  70. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  71. package/dist/Hyperlink/index.js +34 -34
  72. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  73. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  74. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  75. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  76. package/dist/ImageLink/ImageLink.css.js +1 -1
  77. package/dist/ImageLink/ImageLink.js +34 -34
  78. package/dist/ImageLink/ImageLinkSet.js +34 -34
  79. package/dist/ImageLink/index.js +34 -34
  80. package/dist/Input/Checkbox.css.js +1 -1
  81. package/dist/Input/DatePicker.css.d.ts +1 -0
  82. package/dist/Input/DatePicker.css.js +6 -0
  83. package/dist/Input/DatePicker2.d.ts +21 -0
  84. package/dist/Input/DatePicker2.js +103 -0
  85. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  86. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  87. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  88. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  89. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  90. package/dist/Input/DatePickerComponents/index.js +6 -0
  91. package/dist/Input/Datepicker.d.ts +3 -0
  92. package/dist/Input/Datepicker.js +47 -0
  93. package/dist/Input/Dropdown.css.js +2 -2
  94. package/dist/Input/Input.css.js +4 -4
  95. package/dist/Input/InputDate.css.d.ts +6 -0
  96. package/dist/Input/InputDate.css.js +15 -0
  97. package/dist/Input/InputDate.d.ts +3 -0
  98. package/dist/Input/InputDate.js +47 -0
  99. package/dist/Input/RadioButton.css.js +1 -1
  100. package/dist/Inputs/Input.css.js +3 -3
  101. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  102. package/dist/Insight/Featured/CategorySelector.js +33 -33
  103. package/dist/Insight/Featured/Featured.css.js +2 -2
  104. package/dist/Insight/Featured/Featured.js +35 -35
  105. package/dist/Insight/Featured/Header.css.js +1 -1
  106. package/dist/Insight/Featured/Header.js +33 -33
  107. package/dist/Insight/Insight.css.js +2 -2
  108. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  109. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  110. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  111. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  112. package/dist/Modal/Modal.css.js +3 -3
  113. package/dist/Modal/Modal.js +33 -33
  114. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  115. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  116. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  117. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  118. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  119. package/dist/NavigationMenu/AxosBank/NavBar.module.js +54 -54
  120. package/dist/NavigationMenu/AxosBank/NavData.js +35 -35
  121. package/dist/NavigationMenu/AxosBank/SubNavBar.js +310 -189
  122. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  123. package/dist/NavigationMenu/AxosBank/index.js +49 -34
  124. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  125. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  126. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  127. package/dist/Pagination/Pagination.css.js +1 -1
  128. package/dist/Pagination/Pagination.js +3 -3
  129. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  130. package/dist/SetContainer/SetContainer.css.js +3 -3
  131. package/dist/SetContainer/SetContainer.js +34 -34
  132. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  133. package/dist/StepItem/StepItem.css.js +3 -3
  134. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  135. package/dist/Tab/Tab.css.js +3 -3
  136. package/dist/Table/Table.css.js +3 -3
  137. package/dist/Table/Table.js +3 -3
  138. package/dist/TextBlock/TextBlock.css.js +3 -3
  139. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  140. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  141. package/dist/Typography/Typography.css.js +1 -1
  142. package/dist/VideoTile/VideoTile.css.js +4 -4
  143. package/dist/VideoTile/VideoTile.js +3 -3
  144. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  145. package/dist/VideoWrapper/index.js +33 -33
  146. package/dist/assets/HeroBanner/SelectionBanner.css +0 -4
  147. package/dist/assets/Input/DatePicker.css +95 -0
  148. package/dist/assets/Input/InputDate.css +39 -0
  149. package/dist/assets/Interstitial/Interstitial-variants.css +1 -1
  150. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +130 -122
  151. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  152. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  153. package/dist/globals.css.js +2 -2
  154. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  155. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  156. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  157. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  158. package/dist/icons/CalendarIcon/index.js +4 -0
  159. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  160. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  161. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  162. package/dist/icons/Star/Star.css.js +1 -1
  163. package/dist/index.css.js +3 -3
  164. package/dist/themes/axos.css.js +1 -1
  165. package/dist/themes/premier.css.js +2 -2
  166. package/dist/types/icon.d.ts +3 -0
  167. package/dist/types/icon.js +1 -0
  168. package/dist/types/popover.d.ts +8 -0
  169. package/dist/types/popover.js +1 -0
  170. package/dist/utils/RetainQueryLink.d.ts +11 -0
  171. package/dist/utils/RetainQueryLink.js +15 -0
  172. package/dist/utils/allowedAxosDomains.js +2 -2
  173. package/dist/utils/constants/format.d.ts +1 -0
  174. package/dist/utils/constants/format.js +4 -0
  175. package/dist/utils/constants/popper.d.ts +6 -0
  176. package/dist/utils/constants/popper.js +10 -0
  177. package/dist/utils/hooks/usePopover.d.ts +25 -0
  178. package/dist/utils/hooks/usePopover.js +64 -0
  179. package/package.json +1 -1
@@ -7,10 +7,10 @@ import { Chevron } from "../Chevron/index.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
9
  import SvgCheckIcon from "../icons/CheckIcon/index.js";
10
- /* empty css */
11
- /* empty css */
10
+ /* empty css */
11
+ /* empty css */
12
+ /* empty css */
12
13
  /* empty css */
13
- /* empty css */
14
14
  import { getVariant } from "../utils/getVariant.js";
15
15
  import clsx from "clsx";
16
16
  import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var image_link_set = "xd6m5c0";
3
3
  export {
4
4
  image_link_set
@@ -3,13 +3,13 @@ import { Hyperlink } from "../Hyperlink/index.js";
3
3
  import "../IconBillboard/IconBillboard.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- /* empty css */
7
- /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
8
9
  /* empty css */
9
- /* empty css */
10
10
  import "../utils/allowedAxosDomains.js";
11
- /* empty css */
12
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
13
  import "../Accordion/Accordion.js";
14
14
  import "../Accordion/Accordion.css.js";
15
15
  import "../AlertBanner/AlertBanner.css.js";
@@ -46,61 +46,61 @@ import "react-use";
46
46
  import "../Chevron/Chevron.css.js";
47
47
  import "../Interstitial/Interstitial-variants.css.js";
48
48
  import "../Inputs/Input.css.js";
49
- /* empty css */
50
- /* empty css */
49
+ /* empty css */
50
+ /* empty css */
51
51
  import "iframe-resizer";
52
- /* empty css */
52
+ /* empty css */
53
53
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
54
+ /* empty css */
54
55
  /* empty css */
55
- /* empty css */
56
- /* empty css */
56
+ /* empty css */
57
57
  import "../Carousel/index.js";
58
- /* empty css */
58
+ /* empty css */
59
59
  import "../Comparison/Comparison.css.js";
60
60
  import "../Tab/Tab.css.js";
61
61
  import "../icons/Star/Star.css.js";
62
62
  import "../HeroBanner/HeroBanner.css.js";
63
63
  import "../ContentBanner/ContentBanner.css.js";
64
- /* empty css */
64
+ /* empty css */
65
65
  import "../ExecutiveBio/ExecutiveBio.css.js";
66
66
  import "../FaqAccordion/index.js";
67
67
  import "../FooterDisclosure/FooterDisclosure.css.js";
68
- /* empty css */
68
+ /* empty css */
69
69
  import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
70
70
  import "../ImageBillboard/ImageBillboard.css.js";
71
- /* empty css */
72
- /* empty css */
73
- /* empty css */
74
71
  /* empty css */
75
- /* empty css */
72
+ /* empty css */
73
+ /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
76
  import "../LandingPageHeader/LandingPageHeader.css.js";
77
- /* empty css */
77
+ /* empty css */
78
78
  import "../Modal/contextApi/store.js";
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
82
- /* empty css */
83
- /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
84
  import "../NavigationMenu/AxosBank/NavData.js";
85
85
  import "next/navigation.js";
86
86
  import "next/image.js";
87
+ /* empty css */
87
88
  import "next/link.js";
88
- /* empty css */
89
- /* empty css */
89
+ /* empty css */
90
90
  import "../PageNavItem/PageNavItem.css.js";
91
91
  import "react-slick";
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
96
  import "../StepItem/StepItem.css.js";
97
97
  import "../StepItemSet/StepItemSet.css.js";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
101
  import "next/script.js";
102
- /* empty css */
103
- /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
104
  import "../HeroBanner/LargeBanner.css.js";
105
105
  import "../HeroBanner/SelectionBanner.css.js";
106
106
  const ImageLink = ({
@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { buttons } from "../IconBillboard/IconBillboard.css.js";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- /* empty css */
6
- /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
7
8
  /* empty css */
8
- /* empty css */
9
9
  import "../utils/allowedAxosDomains.js";
10
10
  import { getVariant } from "../utils/getVariant.js";
11
- /* empty css */
12
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
13
  import { Chevron } from "../Chevron/index.js";
14
14
  import "clsx";
15
15
  import { Button } from "../Button/Button.js";
@@ -50,63 +50,63 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
50
50
  import "../Chevron/Chevron.css.js";
51
51
  import "../Interstitial/Interstitial-variants.css.js";
52
52
  import "../Inputs/Input.css.js";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Hyperlink/Hyperlink.css.js";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "iframe-resizer";
57
- /* empty css */
57
+ /* empty css */
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
+ /* empty css */
59
60
  /* empty css */
60
- /* empty css */
61
- /* empty css */
61
+ /* empty css */
62
62
  import "../Carousel/index.js";
63
- /* empty css */
63
+ /* empty css */
64
64
  import "../Comparison/Comparison.css.js";
65
65
  import "../Tab/Tab.css.js";
66
66
  import "../icons/Star/Star.css.js";
67
67
  import "../HeroBanner/HeroBanner.css.js";
68
68
  import "../ContentBanner/ContentBanner.css.js";
69
- /* empty css */
69
+ /* empty css */
70
70
  import "../ExecutiveBio/ExecutiveBio.css.js";
71
71
  import "../FaqAccordion/index.js";
72
72
  import "../FooterDisclosure/FooterDisclosure.css.js";
73
- /* empty css */
73
+ /* empty css */
74
74
  import "../HeroBanner/LargeBanner.css.js";
75
75
  import "../HeroBanner/SelectionBanner.css.js";
76
76
  import "../ImageBillboard/ImageBillboard.css.js";
77
77
  import ImageLink from "./ImageLink.js";
78
- /* empty css */
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
82
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
- /* empty css */
83
+ /* empty css */
84
84
  import "../Modal/contextApi/store.js";
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
90
  import "../NavigationMenu/AxosBank/NavData.js";
91
91
  import "next/navigation.js";
92
92
  import "next/image.js";
93
+ /* empty css */
93
94
  import "next/link.js";
94
- /* empty css */
95
- /* empty css */
95
+ /* empty css */
96
96
  import "../PageNavItem/PageNavItem.css.js";
97
97
  import "react-slick";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
103
103
  import "../StepItemSet/StepItemSet.css.js";
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
104
+ /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
107
  import "next/script.js";
108
- /* empty css */
109
- /* empty css */
108
+ /* empty css */
109
+ /* empty css */
110
110
  import { image_link_set } from "./ImageLink.css.js";
111
111
  const ImageLinkSet = (props) => {
112
112
  const { callToActionRow, icon } = props;
@@ -3,20 +3,20 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- /* empty css */
7
- /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
8
9
  /* empty css */
9
- /* empty css */
10
10
  import "react";
11
11
  import "../Chevron/Chevron.css.js";
12
12
  import "../AlertBanner/AlertBanner.css.js";
13
13
  import "../Article/Article.css.js";
14
14
  import "../IconBillboard/IconBillboard.css.js";
15
15
  import "../utils/allowedAxosDomains.js";
16
- /* empty css */
17
- /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
18
  import "../Interstitial/Interstitial-variants.css.js";
19
- /* empty css */
19
+ /* empty css */
20
20
  import "../Modal/contextApi/store.js";
21
21
  import "clsx";
22
22
  import "../Button/Button.css.js";
@@ -47,16 +47,16 @@ import "../Input/RadioButton.css.js";
47
47
  import "../Input/Checkbox.css.js";
48
48
  import "../LoadingIndicator/LoadingIndicator.css.js";
49
49
  import "../Inputs/Input.css.js";
50
- /* empty css */
51
- /* empty css */
50
+ /* empty css */
51
+ /* empty css */
52
52
  import "iframe-resizer";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
55
+ /* empty css */
55
56
  /* empty css */
56
- /* empty css */
57
- /* empty css */
57
+ /* empty css */
58
58
  import "../Carousel/index.js";
59
- /* empty css */
59
+ /* empty css */
60
60
  import "../Comparison/Comparison.css.js";
61
61
  import "../HeroBanner/HeroBanner.css.js";
62
62
  import "../HeroBanner/LargeBanner.css.js";
@@ -65,43 +65,43 @@ import "../SetContainer/SetContainer.css.js";
65
65
  import "../Tab/Tab.css.js";
66
66
  import "../icons/Star/Star.css.js";
67
67
  import "../ContentBanner/ContentBanner.css.js";
68
- /* empty css */
68
+ /* empty css */
69
69
  import "../ExecutiveBio/ExecutiveBio.css.js";
70
70
  import "../FaqAccordion/index.js";
71
71
  import "../FooterDisclosure/FooterDisclosure.css.js";
72
- /* empty css */
72
+ /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
74
  import { ImageLinkSet } from "./ImageLinkSet.js";
75
- /* empty css */
76
- /* empty css */
77
- /* empty css */
78
- /* empty css */
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
79
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
- /* empty css */
81
- /* empty css */
82
- /* empty css */
83
- /* empty css */
84
- /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
85
  import "../NavigationMenu/AxosBank/NavData.js";
86
86
  import "next/navigation.js";
87
87
  import "next/image.js";
88
+ /* empty css */
88
89
  import "next/link.js";
89
- /* empty css */
90
- /* empty css */
90
+ /* empty css */
91
91
  import "../PageNavItem/PageNavItem.css.js";
92
92
  import "react-slick";
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
96
- /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
97
  import "../StepItem/StepItem.css.js";
98
98
  import "../StepItemSet/StepItemSet.css.js";
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
102
  import "next/script.js";
103
- /* empty css */
104
- /* empty css */
103
+ /* empty css */
104
+ /* empty css */
105
105
  import "../Hyperlink/Hyperlink.css.js";
106
106
  export {
107
107
  ImageLinkSet
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
@@ -0,0 +1 @@
1
+ export declare const datePicker: string;
@@ -0,0 +1,6 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var datePicker = "_1oit9ls0";
4
+ export {
5
+ datePicker
6
+ };
@@ -0,0 +1,21 @@
1
+ import { SyntheticEvent } from 'react';
2
+
3
+ type TClasses = {
4
+ inputDateField?: string;
5
+ };
6
+ type TProps = {
7
+ classes?: TClasses;
8
+ isDisabled?: boolean;
9
+ isInvalid?: boolean;
10
+ locale?: Locale;
11
+ maxDate?: Date | null;
12
+ minDate?: Date | null;
13
+ onChange: (value: Date | null) => void;
14
+ onFieldClear?: (event: SyntheticEvent) => void;
15
+ placeholder?: string;
16
+ subTitle?: string;
17
+ title?: string;
18
+ value: Date | null;
19
+ };
20
+ export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
21
+ export {};
@@ -0,0 +1,103 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
4
+ import clsx from "clsx";
5
+ import { format } from "date-fns";
6
+ import isNil from "lodash/isNil.js";
7
+ import { memo, createRef, Fragment } from "react";
8
+ import { FORMAT_DATE } from "../utils/constants/format.js";
9
+ import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
10
+ import { usePopover } from "../utils/hooks/usePopover.js";
11
+ import { DatePicker } from "./DatePickerComponents/DatePicker.js";
12
+ import { InputDate } from "./DatePickerComponents/InputDate.js";
13
+ const InputDateFieldComponent = (props) => {
14
+ const {
15
+ classes,
16
+ isDisabled,
17
+ isInvalid,
18
+ locale,
19
+ maxDate,
20
+ minDate,
21
+ onChange,
22
+ onFieldClear,
23
+ placeholder,
24
+ subTitle,
25
+ title,
26
+ value
27
+ } = props;
28
+ const triggerRef = createRef();
29
+ const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
30
+ const date = !isNil(value) ? value : void 0;
31
+ const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
32
+ const minDateValue = !isNil(minDate) ? minDate : void 0;
33
+ const {
34
+ attributes,
35
+ onPopperElement,
36
+ onReferenceElement,
37
+ popoverPosition,
38
+ styles
39
+ } = usePopover({
40
+ triggerRef
41
+ });
42
+ return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
43
+ /* @__PURE__ */ jsx(
44
+ PopoverButton,
45
+ {
46
+ className: "HeadlessPopover-Button",
47
+ ref: onReferenceElement,
48
+ children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
49
+ InputDate,
50
+ {
51
+ isDisabled,
52
+ isInvalid,
53
+ onFieldClear,
54
+ placeholder,
55
+ subTitle,
56
+ title,
57
+ value: formattedValue
58
+ }
59
+ ) })
60
+ }
61
+ ),
62
+ /* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
63
+ PopoverPanel,
64
+ {
65
+ className: clsx(
66
+ "HeadlessPopover-Panel",
67
+ `HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
68
+ ),
69
+ ref: onPopperElement,
70
+ style: styles.popper,
71
+ ...attributes.popper,
72
+ children: ({ close }) => /* @__PURE__ */ jsx(
73
+ TransitionChild,
74
+ {
75
+ enter: "HeadlessPopover-Transition__enter",
76
+ enterFrom: "HeadlessPopover-Transition__enterFrom",
77
+ enterTo: "HeadlessPopover-Transition__enterTo",
78
+ leave: "HeadlessPopover-Transition__leave",
79
+ leaveFrom: "HeadlessPopover-Transition__leaveFrom",
80
+ leaveTo: "HeadlessPopover-Transition__leaveTo",
81
+ children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
82
+ DatePicker,
83
+ {
84
+ locale,
85
+ maxDate: maxDateValue,
86
+ minDate: minDateValue,
87
+ onChange: (date2) => {
88
+ onChange(date2);
89
+ close();
90
+ },
91
+ value: date
92
+ }
93
+ ) })
94
+ }
95
+ )
96
+ }
97
+ ) })
98
+ ] }) });
99
+ };
100
+ const InputDateField = memo(InputDateFieldComponent);
101
+ export {
102
+ InputDateField
103
+ };
@@ -0,0 +1,11 @@
1
+ import { CalendarProps } from 'react-date-range';
2
+
3
+ type TProps = {
4
+ locale?: Locale;
5
+ maxDate?: Date;
6
+ minDate?: Date;
7
+ onChange?: (date: Date) => void;
8
+ value?: Date;
9
+ } & CalendarProps;
10
+ export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
11
+ export {};
@@ -0,0 +1,13 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { memo } from "react";
3
+ import { Calendar } from "react-date-range";
4
+ /* empty css */
5
+ /* empty css */
6
+ const DatePickerComponent = (props) => {
7
+ const { locale, onChange, value } = props;
8
+ return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
9
+ };
10
+ const DatePicker = memo(DatePickerComponent);
11
+ export {
12
+ DatePicker
13
+ };
@@ -0,0 +1,15 @@
1
+ import { SyntheticEvent } from 'react';
2
+
3
+ type TProps = {
4
+ className?: string;
5
+ isDisabled?: boolean;
6
+ isInvalid?: boolean;
7
+ onClick?: (event: SyntheticEvent) => void;
8
+ onFieldClear?: (event: SyntheticEvent) => void;
9
+ placeholder?: string;
10
+ subTitle?: string;
11
+ title?: string;
12
+ value?: string | null;
13
+ };
14
+ export declare const InputDate: import('react').NamedExoticComponent<TProps>;
15
+ export {};
@@ -0,0 +1,66 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
3
+ import clsx from "clsx";
4
+ import { memo } from "react";
5
+ const InputDateComponent = (props) => {
6
+ const {
7
+ className,
8
+ isDisabled,
9
+ isInvalid,
10
+ onClick,
11
+ onFieldClear,
12
+ placeholder,
13
+ subTitle,
14
+ title,
15
+ value
16
+ } = props;
17
+ return /* @__PURE__ */ jsxs(
18
+ "div",
19
+ {
20
+ className: clsx("InputDate", className, {
21
+ InputDate__isDisabled: isDisabled,
22
+ InputDate__isInvalid: isInvalid && !isDisabled
23
+ }),
24
+ onClick: !isDisabled ? onClick : void 0,
25
+ children: [
26
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
27
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
28
+ title,
29
+ " "
30
+ ] }),
31
+ /* @__PURE__ */ jsxs(
32
+ "div",
33
+ {
34
+ className: clsx("InputDate-IconWrapper", {
35
+ "InputDate-IconWrapper__isFocusable": !isDisabled
36
+ }),
37
+ children: [
38
+ /* @__PURE__ */ jsx(
39
+ "div",
40
+ {
41
+ className: clsx("InputDate-Text", {
42
+ "InputDate-Text__isFilled": value && !isDisabled,
43
+ "InputDate-Text__isPlaceholder": !value
44
+ }),
45
+ children: value ?? placeholder
46
+ }
47
+ ),
48
+ value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
49
+ /* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
50
+ ]
51
+ }
52
+ ),
53
+ /* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
54
+ ] }),
55
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
56
+ subTitle,
57
+ " "
58
+ ] })
59
+ ]
60
+ }
61
+ );
62
+ };
63
+ const InputDate = memo(InputDateComponent);
64
+ export {
65
+ InputDate
66
+ };
@@ -0,0 +1,2 @@
1
+ export * from './DatePicker';
2
+ export * from './InputDate';
@@ -0,0 +1,6 @@
1
+ import { DatePicker } from "./DatePicker.js";
2
+ import { InputDate } from "./InputDate.js";
3
+ export {
4
+ DatePicker,
5
+ InputDate
6
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;