@axos-web-dev/shared-components 0.0.155 → 0.0.157

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 (196) hide show
  1. package/dist/ATMLocator/ATMLocator.js +35 -33
  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/Blockquote/Blockquote.module.js +3 -3
  11. package/dist/BulletItem/BulletItem.css.js +2 -2
  12. package/dist/BulletItem/BulletItem.js +3 -3
  13. package/dist/Button/Button.css.js +4 -4
  14. package/dist/Button/Button.js +36 -34
  15. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  16. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  17. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  18. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  19. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  20. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  21. package/dist/Calculators/Calculator.js +34 -32
  22. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  23. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  24. package/dist/Calculators/calculator.css.js +4 -4
  25. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  26. package/dist/Carousel/Carousel.css.js +3 -3
  27. package/dist/Carousel/index.js +36 -34
  28. package/dist/Chevron/Chevron.css.js +4 -4
  29. package/dist/Chevron/index.js +36 -34
  30. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  31. package/dist/CollectInformationAlert/index.js +3 -3
  32. package/dist/Comparison/Comparison.css.js +7 -7
  33. package/dist/Comparison/Comparison.js +35 -33
  34. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  35. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  36. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  37. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  38. package/dist/FaqAccordion/index.js +36 -34
  39. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +2 -2
  41. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +35 -33
  42. package/dist/Forms/ApplicationStart.js +5 -5
  43. package/dist/Forms/ClearingForm.js +5 -5
  44. package/dist/Forms/CommercialDeposits.js +5 -5
  45. package/dist/Forms/CommercialLending.js +5 -5
  46. package/dist/Forms/ContactCompany.js +5 -5
  47. package/dist/Forms/ContactUs.js +5 -5
  48. package/dist/Forms/ContactUsAAS.js +4 -4
  49. package/dist/Forms/ContactUsBusiness.js +36 -34
  50. package/dist/Forms/ContactUsNMLSId.js +36 -34
  51. package/dist/Forms/CpraRequest.js +4 -4
  52. package/dist/Forms/DealerServices.js +5 -5
  53. package/dist/Forms/EmailOnly.js +37 -35
  54. package/dist/Forms/EmailUs.js +4 -4
  55. package/dist/Forms/FormEnums.d.ts +57 -13
  56. package/dist/Forms/FormEnums.js +81 -63
  57. package/dist/Forms/FormProps.d.ts +4 -1
  58. package/dist/Forms/Forms.css.js +7 -7
  59. package/dist/Forms/MortgageRate/MortgageRateForm.js +37 -35
  60. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  61. package/dist/Forms/MortgageRate/MortgageRateWatch.js +36 -34
  62. package/dist/Forms/{QuickPricer.d.ts → QuickPricer/QuickPricerForm.d.ts} +24 -12
  63. package/dist/Forms/{QuickPricer.js → QuickPricer/QuickPricerForm.js} +206 -234
  64. package/dist/Forms/QuickPricer/QuickPricerResults.css.d.ts +2 -0
  65. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +7 -0
  66. package/dist/Forms/QuickPricer/UserInformation.css.d.ts +8 -0
  67. package/dist/Forms/QuickPricer/UserInformation.css.js +21 -0
  68. package/dist/Forms/QuickPricer/UserInformation.d.ts +10 -0
  69. package/dist/Forms/QuickPricer/UserInformation.js +59 -0
  70. package/dist/Forms/QuickPricer/index.d.ts +4 -0
  71. package/dist/Forms/QuickPricer/index.js +19 -0
  72. package/dist/Forms/ScheduleCall.js +5 -5
  73. package/dist/Forms/ScheduleCallPremier.js +5 -5
  74. package/dist/Forms/SuccesForm.js +35 -33
  75. package/dist/Forms/WcplSurvey.js +4 -4
  76. package/dist/Forms/index.d.ts +5 -6
  77. package/dist/Forms/index.js +23 -8
  78. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  79. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  80. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  81. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  82. package/dist/Hyperlink/index.js +35 -33
  83. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  84. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  85. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  86. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  87. package/dist/ImageLink/ImageLink.css.js +1 -1
  88. package/dist/ImageLink/ImageLink.js +35 -33
  89. package/dist/ImageLink/ImageLinkSet.js +35 -33
  90. package/dist/ImageLink/index.js +34 -32
  91. package/dist/Input/Checkbox.css.js +1 -1
  92. package/dist/Input/CurrencyInput.js +1 -1
  93. package/dist/Input/DatePicker.css.d.ts +1 -0
  94. package/dist/Input/DatePicker.css.js +6 -0
  95. package/dist/Input/DatePicker2.d.ts +21 -0
  96. package/dist/Input/DatePicker2.js +103 -0
  97. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  98. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  99. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  100. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  101. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  102. package/dist/Input/DatePickerComponents/index.js +6 -0
  103. package/dist/Input/Datepicker.d.ts +3 -0
  104. package/dist/Input/Datepicker.js +47 -0
  105. package/dist/Input/Dropdown.css.js +2 -2
  106. package/dist/Input/Input.css.js +4 -4
  107. package/dist/Input/InputAmount.js +1 -1
  108. package/dist/Input/InputDate.css.d.ts +6 -0
  109. package/dist/Input/InputDate.css.js +15 -0
  110. package/dist/Input/InputDate.d.ts +3 -0
  111. package/dist/Input/InputDate.js +47 -0
  112. package/dist/Input/InputPhone.js +1 -1
  113. package/dist/Input/InputProps.d.ts +5 -0
  114. package/dist/Input/RadioButton.css.js +1 -1
  115. package/dist/Input/index.d.ts +1 -1
  116. package/dist/Input/index.js +1 -1
  117. package/dist/Inputs/Input.css.js +3 -3
  118. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  119. package/dist/Insight/Featured/CategorySelector.js +34 -32
  120. package/dist/Insight/Featured/Featured.css.js +2 -2
  121. package/dist/Insight/Featured/Featured.js +36 -34
  122. package/dist/Insight/Featured/Header.css.js +1 -1
  123. package/dist/Insight/Featured/Header.js +35 -33
  124. package/dist/Insight/Insight.css.js +2 -2
  125. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  126. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  127. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  128. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  129. package/dist/Modal/Modal.css.js +3 -3
  130. package/dist/Modal/Modal.js +35 -33
  131. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  132. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  133. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  134. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  135. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  136. package/dist/NavigationMenu/AxosBank/NavData.js +36 -34
  137. package/dist/NavigationMenu/AxosBank/SubNavBar.js +35 -33
  138. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  139. package/dist/NavigationMenu/AxosBank/index.js +34 -32
  140. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  141. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  142. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  143. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  144. package/dist/SetContainer/SetContainer.css.js +3 -3
  145. package/dist/SetContainer/SetContainer.js +36 -34
  146. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  147. package/dist/StepItem/StepItem.css.js +3 -3
  148. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  149. package/dist/Tab/Tab.css.js +3 -3
  150. package/dist/Table/Table.css.js +3 -3
  151. package/dist/Table/Table.d.ts +2 -1
  152. package/dist/Table/Table.interface.d.ts +1 -0
  153. package/dist/Table/Table.js +5 -3
  154. package/dist/TextBlock/TextBlock.css.js +3 -3
  155. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  156. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  157. package/dist/Typography/Typography.css.js +1 -1
  158. package/dist/VideoTile/VideoTile.css.js +4 -4
  159. package/dist/VideoTile/VideoTile.js +3 -3
  160. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  161. package/dist/VideoWrapper/index.js +4 -4
  162. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  163. package/dist/assets/Forms/QuickPricer/QuickPricerResults.css +12 -0
  164. package/dist/assets/Forms/QuickPricer/UserInformation.css +78 -0
  165. package/dist/assets/Input/DatePicker.css +95 -0
  166. package/dist/assets/Input/InputDate.css +39 -0
  167. package/dist/assets/globals.css +3 -0
  168. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  169. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  170. package/dist/globals.css.js +2 -2
  171. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  172. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  173. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  174. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  175. package/dist/icons/CalendarIcon/index.js +4 -0
  176. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  177. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  178. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  179. package/dist/icons/Star/Star.css.js +1 -1
  180. package/dist/index.css.js +3 -3
  181. package/dist/main.js +24 -10
  182. package/dist/themes/axos.css.js +1 -1
  183. package/dist/themes/premier.css.js +2 -2
  184. package/dist/types/icon.d.ts +3 -0
  185. package/dist/types/icon.js +1 -0
  186. package/dist/types/popover.d.ts +8 -0
  187. package/dist/types/popover.js +1 -0
  188. package/dist/utils/constants/format.d.ts +1 -0
  189. package/dist/utils/constants/format.js +4 -0
  190. package/dist/utils/constants/popper.d.ts +6 -0
  191. package/dist/utils/constants/popper.js +10 -0
  192. package/dist/utils/hooks/usePopover.d.ts +25 -0
  193. package/dist/utils/hooks/usePopover.js +64 -0
  194. package/dist/utils/index.d.ts +1 -1
  195. package/dist/utils/index.js +1 -1
  196. package/package.json +131 -124
package/dist/main.js CHANGED
@@ -45,6 +45,7 @@ import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
45
45
  import { app_col, footer_mobile, footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, ft_panel, ft_panel_group, nested_grid } from "./FooterSiteMap/AxosBank/FooterSiteMap.css.js";
46
46
  import { ApplicationStart } from "./Forms/ApplicationStart.js";
47
47
  import { ClearingForm } from "./Forms/ClearingForm.js";
48
+ import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
48
49
  import { CommercialLending } from "./Forms/CommercialLending.js";
49
50
  import { ContactCompany } from "./Forms/ContactCompany.js";
50
51
  import { ContactUs } from "./Forms/ContactUs.js";
@@ -56,19 +57,21 @@ import { DealerServices } from "./Forms/DealerServices.js";
56
57
  import { EmailOnly } from "./Forms/EmailOnly.js";
57
58
  import { EmailUs } from "./Forms/EmailUs.js";
58
59
  import { actions, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, fullRowForm, fullRowSelect, headerContainer, headerForm, iconForm, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms/Forms.css.js";
59
- import { QuickPricer } from "./Forms/QuickPricer.js";
60
- import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
61
- import { ScheduleCall } from "./Forms/ScheduleCall.js";
62
- import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
63
- import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
64
- import { WCPLSurvey } from "./Forms/WcplSurvey.js";
65
- import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
66
60
  import { MortgageRate } from "./Forms/MortgageRate/MortgageRateForm.js";
67
- import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
68
61
  import "react/jsx-runtime";
69
62
  import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
70
63
  import { LoadingIndicator } from "./LoadingIndicator/index.js";
71
64
  import "./Interstitial/Interstitial-variants.css.js";
65
+ import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
66
+ import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
67
+ import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
68
+ import { UserInformation } from "./Forms/QuickPricer/UserInformation.js";
69
+ import { mb_form, user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./Forms/QuickPricer/UserInformation.css.js";
70
+ import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
71
+ import { ScheduleCall } from "./Forms/ScheduleCall.js";
72
+ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
73
+ import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
74
+ import { WCPLSurvey } from "./Forms/WcplSurvey.js";
72
75
  import { HeroBanner } from "./HeroBanner/HeroBanner.js";
73
76
  import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
74
77
  import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -110,6 +113,7 @@ import "react";
110
113
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
111
114
  import { Checkbox } from "./Input/Checkbox.js";
112
115
  import { CurrencyInput } from "./Input/CurrencyInput.js";
116
+ import { DownPaymentInput } from "./Input/DownPaymentInput.js";
113
117
  import { Dropdown } from "./Input/Dropdown.js";
114
118
  import { dp_input, selectInput } from "./Input/Dropdown.css.js";
115
119
  import { Input } from "./Input/Input.js";
@@ -117,7 +121,6 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
117
121
  import { InputAmount } from "./Input/InputAmount.js";
118
122
  import { InputPhone } from "./Input/InputPhone.js";
119
123
  import { InputTextArea } from "./Input/InputTextArea.js";
120
- import { DownPaymentInput } from "./Input/DownPaymentInput.js";
121
124
  import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
122
125
  import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
123
126
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
@@ -159,8 +162,8 @@ import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, trans
159
162
  import { VideoWrapper } from "./VideoWrapper/index.js";
160
163
  import { Tab } from "./Tab/Tab.js";
161
164
  import { TabContainer } from "./Tab/TabContainer.js";
162
- import { associatedEmail } from "./utils/EverestValidity.js";
163
165
  import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
166
+ import { associatedEmail } from "./utils/EverestValidity.js";
164
167
  import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
165
168
  import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
166
169
  import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
@@ -305,6 +308,7 @@ export {
305
308
  TextBlock,
306
309
  TopicalNavItem,
307
310
  TopicalNavSet,
311
+ UserInformation,
308
312
  VideoInit,
309
313
  VideoTile,
310
314
  VideoWrapper,
@@ -494,6 +498,7 @@ export {
494
498
  lp_hover,
495
499
  lp_theme,
496
500
  mb_8,
501
+ mb_form,
497
502
  media,
498
503
  mh_330,
499
504
  modalCheckboxContainer,
@@ -526,7 +531,9 @@ export {
526
531
  rate_billboard,
527
532
  rate_container,
528
533
  rate_pad,
534
+ rate_table_title,
529
535
  resposiveLabel,
536
+ results_container,
530
537
  reversed,
531
538
  reversed_lg_image,
532
539
  ro_input,
@@ -589,6 +596,13 @@ export {
589
596
  two_inline,
590
597
  up_to,
591
598
  useGlobalContext,
599
+ user_buttons,
600
+ user_card,
601
+ user_container,
602
+ user_headline,
603
+ user_hr,
604
+ user_image,
605
+ user_information,
592
606
  validateLink,
593
607
  vars,
594
608
  video_container,
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var axosTheme = "_1073cm80";
3
3
  var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
4
4
  export {
@@ -1,5 +1,5 @@
1
- /* empty css */
2
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
3
  var premierTheme = "_1es6o1h0";
4
4
  export {
5
5
  premierTheme
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+
3
+ export type TIconProps = SVGProps<SVGSVGElement>;
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export type TPopoverPosition = "left" | "center" | "right";
4
+ export type TPopoverProps = {
5
+ children?: ReactNode;
6
+ trigger: ReactNode | ReactNode[];
7
+ position?: TPopoverPosition;
8
+ };
@@ -0,0 +1 @@
1
+
@@ -0,0 +1 @@
1
+ export declare const FORMAT_DATE = "MM.dd.yyyy";
@@ -0,0 +1,4 @@
1
+ const FORMAT_DATE = "MM.dd.yyyy";
2
+ export {
3
+ FORMAT_DATE
4
+ };
@@ -0,0 +1,6 @@
1
+ export declare const POPOVER_WIDTH = 512;
2
+ export declare const POPOVER_POSITION_STYLES: {
3
+ left: string;
4
+ center: string;
5
+ right: string;
6
+ };
@@ -0,0 +1,10 @@
1
+ const POPOVER_WIDTH = 512;
2
+ const POPOVER_POSITION_STYLES = {
3
+ left: "left",
4
+ center: "center",
5
+ right: "right"
6
+ };
7
+ export {
8
+ POPOVER_POSITION_STYLES,
9
+ POPOVER_WIDTH
10
+ };
@@ -0,0 +1,25 @@
1
+ import { TPopoverPosition } from '../../types/popover';
2
+ import { CSSProperties, Dispatch, RefObject, SetStateAction } from 'react';
3
+
4
+ type TUsePopoverResponse = {
5
+ attributes: {
6
+ [p: string]: {
7
+ [p: string]: string;
8
+ } | undefined;
9
+ };
10
+ onPopperElement: Dispatch<SetStateAction<HTMLDivElement | null | undefined>>;
11
+ onPopoverPosition: Dispatch<SetStateAction<TPopoverPosition>>;
12
+ onReferenceElement: Dispatch<SetStateAction<HTMLButtonElement | null | undefined>>;
13
+ popperElement?: HTMLDivElement | null | undefined;
14
+ popoverPosition: TPopoverPosition;
15
+ referenceElement?: HTMLButtonElement | null | undefined;
16
+ styles: {
17
+ [p: string]: CSSProperties;
18
+ };
19
+ };
20
+ type TProps = {
21
+ triggerRef: RefObject<HTMLDivElement>;
22
+ };
23
+ type TUsePopover = (props: TProps) => TUsePopoverResponse;
24
+ export declare const usePopover: TUsePopover;
25
+ export {};
@@ -0,0 +1,64 @@
1
+ "use client";
2
+ import { useState, useEffect } from "react";
3
+ import { usePopper } from "react-popper";
4
+ import { POPOVER_WIDTH } from "../constants/popper.js";
5
+ const usePopover = (props) => {
6
+ const { triggerRef } = props;
7
+ const position = "center";
8
+ const [popperElement, setPopperElement] = useState(null);
9
+ const [popoverPosition, setPopoverPosition] = useState(position);
10
+ const [referenceElement, setReferenceElement] = useState(null);
11
+ const { styles, attributes } = usePopper(referenceElement, popperElement, {
12
+ modifiers: [
13
+ {
14
+ name: "flip",
15
+ options: {
16
+ altBoundary: true
17
+ }
18
+ },
19
+ {
20
+ name: "offset",
21
+ options: {
22
+ offset: [0, 12]
23
+ }
24
+ },
25
+ {
26
+ name: "preventOverflow",
27
+ options: {
28
+ altBoundary: true,
29
+ padding: 12
30
+ }
31
+ }
32
+ ]
33
+ });
34
+ useEffect(() => {
35
+ if (triggerRef.current && !position) {
36
+ const { right, width } = triggerRef.current.getBoundingClientRect();
37
+ const bodyWidth = document.body.clientWidth;
38
+ const centerWidth = POPOVER_WIDTH / 2;
39
+ const triggerCenter = right - width / 2;
40
+ const rightSize = bodyWidth - triggerCenter;
41
+ const isRight = rightSize < centerWidth;
42
+ const isLeft = centerWidth > triggerCenter;
43
+ if (isRight) {
44
+ setPopoverPosition("right");
45
+ }
46
+ if (isLeft) {
47
+ setPopoverPosition("left");
48
+ }
49
+ }
50
+ }, []);
51
+ return {
52
+ attributes,
53
+ onPopperElement: setPopperElement,
54
+ onPopoverPosition: setPopoverPosition,
55
+ onReferenceElement: setReferenceElement,
56
+ popperElement,
57
+ popoverPosition,
58
+ referenceElement,
59
+ styles
60
+ };
61
+ };
62
+ export {
63
+ usePopover
64
+ };
@@ -1,5 +1,5 @@
1
- export * from './EverestValidity';
2
1
  export * from './allowedAxosDomains';
2
+ export * from './EverestValidity';
3
3
  export * from './getVariant';
4
4
  export * from './validateExternalLinks';
5
5
  export * from './variant.types';
@@ -1,5 +1,5 @@
1
- import { associatedEmail } from "./EverestValidity.js";
2
1
  import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
2
+ import { associatedEmail } from "./EverestValidity.js";
3
3
  import { getVariant, getVariantWithRegex } from "./getVariant.js";
4
4
  import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
5
5
  export {
package/package.json CHANGED
@@ -1,124 +1,131 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "0.0.155",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@hookform/resolvers": "^3.9.0",
32
- "@react-input/mask": "^1.2.11",
33
- "@react-input/number-format": "^1.1.1",
34
- "@storybook/icons": "^1.2.12",
35
- "@storybook/preview-api": "^8.3.5",
36
- "@types/iframe-resizer": "3.5.13",
37
- "@vanilla-extract/css": "^1.16.0",
38
- "@vanilla-extract/recipes": "^0.5.1",
39
- "antd": "^5.21.5",
40
- "clsx": "^2.1.1",
41
- "iframe-resizer": "4.3.11",
42
- "lodash": "^4.17.21",
43
- "moment": "^2.30.1",
44
- "react-date-picker": "^11.0.0",
45
- "react-hook-form": "^7.53.1",
46
- "react-markdown": "^9.0.1",
47
- "react-slick": "^0.30.2",
48
- "react-use": "^17.5.1",
49
- "react-wrap-balancer": "^1.1.1",
50
- "rsuite": "^5.72.0",
51
- "slick-carousel": "^1.8.1",
52
- "typed-css-modules": "^0.9.1",
53
- "vite-plugin-svgr": "^4.2.0",
54
- "zod": "^3.23.8",
55
- "zustand": "^4.5.5"
56
- },
57
- "peerDependencies": {
58
- "@vanilla-extract/css-utils": "^0.1.3",
59
- "@vanilla-extract/recipes": "^0.5.1",
60
- "@vanilla-extract/vite-plugin": "^4.0.3",
61
- "next": "^14.1.4",
62
- "react": "^18.2.0",
63
- "react-dom": "^18.2.0",
64
- "react-slick": "^0.30.2",
65
- "slick-carousel": "^1.8.1"
66
- },
67
- "devDependencies": {
68
- "@chromatic-com/storybook": "^1.8.0",
69
- "@rollup/plugin-alias": "^5.1.0",
70
- "@storybook/addon-essentials": "^8.2.9",
71
- "@storybook/addon-interactions": "^8.2.9",
72
- "@storybook/addon-links": "^8.2.9",
73
- "@storybook/addon-mdx-gfm": "^8.2.9",
74
- "@storybook/addon-onboarding": "^8.2.9",
75
- "@storybook/addon-themes": "^8.2.9",
76
- "@storybook/blocks": "^8.2.9",
77
- "@storybook/react": "^8.2.9",
78
- "@storybook/react-vite": "^8.2.9",
79
- "@storybook/test": "^8.2.9",
80
- "@svgr/core": "^8.1.0",
81
- "@svgr/plugin-prettier": "^8.1.0",
82
- "@svgr/plugin-svgo": "^8.1.0",
83
- "@types/lodash": "^4.17.10",
84
- "@types/node": "^20.16.10",
85
- "@types/react": "^18.3.11",
86
- "@types/react-datepicker": "^6.2.0",
87
- "@types/react-dom": "^18.3.0",
88
- "@types/react-slick": "^0.23.13",
89
- "@typescript-eslint/eslint-plugin": "^7.9.0",
90
- "@typescript-eslint/parser": "^7.9.0",
91
- "@vanilla-extract/css-utils": "^0.1.4",
92
- "@vanilla-extract/recipes": "^0.5.5",
93
- "@vanilla-extract/vite-plugin": "^4.0.15",
94
- "@vitejs/plugin-react-swc": "^3.7.0",
95
- "esbuild-vanilla-image-loader": "^0.1.3",
96
- "eslint": "^8.57.0",
97
- "eslint-plugin-react-hooks": "^4.6.2",
98
- "eslint-plugin-react-refresh": "^0.4.7",
99
- "eslint-plugin-storybook": "^0.8.0",
100
- "glob": "^10.4.5",
101
- "husky": "^9.1.6",
102
- "next": "^14.1.4",
103
- "prettier": "3.2.5",
104
- "react": "^18.3.1",
105
- "react-dom": "^18.3.1",
106
- "rollup-plugin-preserve-directives": "^0.4.0",
107
- "rollup-plugin-svg-import": "^3.0.0",
108
- "rollup-plugin-svgo": "^2.0.0",
109
- "storybook": "^8.2.9",
110
- "typescript": "^5.6.2",
111
- "typescript-plugin-css-modules": "^5.1.0",
112
- "vite": "^5.4.9",
113
- "vite-plugin-dts": "^3.9.1",
114
- "vite-plugin-lib-inject-css": "^2.1.1",
115
- "vite-plugin-setting-css-module": "^1.1.4",
116
- "vite-tsconfig-paths": "^4.3.2"
117
- },
118
- "main": "index.js",
119
- "directories": {
120
- "lib": "lib"
121
- },
122
- "author": "axos-web-dev",
123
- "license": "ISC"
124
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "0.0.157",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@headlessui/react": "^2.1.10",
32
+ "@hookform/resolvers": "^3.9.0",
33
+ "@react-input/mask": "^1.2.11",
34
+ "@react-input/number-format": "^1.1.1",
35
+ "@storybook/icons": "^1.2.12",
36
+ "@storybook/preview-api": "^8.3.5",
37
+ "@types/iframe-resizer": "3.5.13",
38
+ "@vanilla-extract/css": "^1.16.0",
39
+ "@vanilla-extract/recipes": "^0.5.1",
40
+ "antd": "^5.21.5",
41
+ "clsx": "^2.1.1",
42
+ "iframe-resizer": "4.3.11",
43
+ "lodash": "^4.17.21",
44
+ "moment": "^2.30.1",
45
+ "react-date-picker": "^11.0.0",
46
+ "react-hook-form": "^7.53.1",
47
+ "react-date-range": "^2.0.1",
48
+ "react-markdown": "^9.0.1",
49
+ "react-popper": "^2.3.0",
50
+ "react-slick": "^0.30.2",
51
+ "react-use": "^17.5.1",
52
+ "react-wrap-balancer": "^1.1.1",
53
+ "rsuite": "^5.72.0",
54
+ "slick-carousel": "^1.8.1",
55
+ "typed-css-modules": "^0.9.1",
56
+ "vite-plugin-svgr": "^4.2.0",
57
+ "zod": "^3.23.8",
58
+ "zustand": "^4.5.5"
59
+ },
60
+ "peerDependencies": {
61
+ "@headlessui/react": "^2.1.10",
62
+ "@vanilla-extract/css-utils": "^0.1.3",
63
+ "@vanilla-extract/recipes": "^0.5.1",
64
+ "@vanilla-extract/vite-plugin": "^4.0.3",
65
+ "next": "^14.1.4",
66
+ "react": "^18.2.0",
67
+ "react-date-range": "^2.0.1",
68
+ "react-dom": "^18.2.0",
69
+ "react-popper": "^2.3.0",
70
+ "react-slick": "^0.30.2",
71
+ "slick-carousel": "^1.8.1"
72
+ },
73
+ "devDependencies": {
74
+ "@chromatic-com/storybook": "^1.8.0",
75
+ "@rollup/plugin-alias": "^5.1.0",
76
+ "@storybook/addon-essentials": "^8.2.9",
77
+ "@storybook/addon-interactions": "^8.2.9",
78
+ "@storybook/addon-links": "^8.2.9",
79
+ "@storybook/addon-mdx-gfm": "^8.2.9",
80
+ "@storybook/addon-onboarding": "^8.2.9",
81
+ "@storybook/addon-themes": "^8.2.9",
82
+ "@storybook/blocks": "^8.2.9",
83
+ "@storybook/react": "^8.2.9",
84
+ "@storybook/react-vite": "^8.2.9",
85
+ "@storybook/test": "^8.2.9",
86
+ "@svgr/core": "^8.1.0",
87
+ "@svgr/plugin-prettier": "^8.1.0",
88
+ "@svgr/plugin-svgo": "^8.1.0",
89
+ "@types/lodash": "^4.17.10",
90
+ "@types/node": "^20.16.10",
91
+ "@types/react": "^18.3.11",
92
+ "@types/react-date-range": "^1.4.9",
93
+ "@types/react-datepicker": "^6.2.0",
94
+ "@types/react-dom": "^18.3.0",
95
+ "@types/react-slick": "^0.23.13",
96
+ "@typescript-eslint/eslint-plugin": "^7.9.0",
97
+ "@typescript-eslint/parser": "^7.9.0",
98
+ "@vanilla-extract/css-utils": "^0.1.4",
99
+ "@vanilla-extract/recipes": "^0.5.5",
100
+ "@vanilla-extract/vite-plugin": "^4.0.15",
101
+ "@vitejs/plugin-react-swc": "^3.7.0",
102
+ "esbuild-vanilla-image-loader": "^0.1.3",
103
+ "eslint": "^8.57.0",
104
+ "eslint-plugin-react-hooks": "^4.6.2",
105
+ "eslint-plugin-react-refresh": "^0.4.7",
106
+ "eslint-plugin-storybook": "^0.8.0",
107
+ "glob": "^10.4.5",
108
+ "husky": "^9.1.6",
109
+ "next": "^14.1.4",
110
+ "prettier": "3.2.5",
111
+ "react": "^18.3.1",
112
+ "react-dom": "^18.3.1",
113
+ "rollup-plugin-preserve-directives": "^0.4.0",
114
+ "rollup-plugin-svg-import": "^3.0.0",
115
+ "rollup-plugin-svgo": "^2.0.0",
116
+ "storybook": "^8.2.9",
117
+ "typescript": "^5.6.2",
118
+ "typescript-plugin-css-modules": "^5.1.0",
119
+ "vite": "^5.4.9",
120
+ "vite-plugin-dts": "^3.9.1",
121
+ "vite-plugin-lib-inject-css": "^2.1.1",
122
+ "vite-plugin-setting-css-module": "^1.1.4",
123
+ "vite-tsconfig-paths": "^4.3.2"
124
+ },
125
+ "main": "index.js",
126
+ "directories": {
127
+ "lib": "lib"
128
+ },
129
+ "author": "axos-web-dev",
130
+ "license": "ISC"
131
+ }