@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.
- package/dist/ATMLocator/ATMLocator.js +35 -33
- package/dist/Accordion/Accordion.css.js +4 -4
- package/dist/Accordion/Accordion.js +3 -3
- package/dist/AlertBanner/AlertBanner.css.js +1 -1
- package/dist/AlertBanner/index.js +3 -3
- package/dist/Article/Article.css.js +4 -4
- package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
- package/dist/AwardsItem/AwardsItem.css.js +2 -2
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/BulletItem/BulletItem.css.js +2 -2
- package/dist/BulletItem/BulletItem.js +3 -3
- package/dist/Button/Button.css.js +4 -4
- package/dist/Button/Button.js +36 -34
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
- package/dist/Calculators/AxosOneCalculator/index.js +3 -3
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
- package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
- package/dist/Calculators/Calculator.js +34 -32
- package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
- package/dist/Calculators/calculator.css.js +4 -4
- package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
- package/dist/Carousel/Carousel.css.js +3 -3
- package/dist/Carousel/index.js +36 -34
- package/dist/Chevron/Chevron.css.js +4 -4
- package/dist/Chevron/index.js +36 -34
- package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
- package/dist/CollectInformationAlert/index.js +3 -3
- package/dist/Comparison/Comparison.css.js +7 -7
- package/dist/Comparison/Comparison.js +35 -33
- package/dist/ContentBanner/ContentBanner.css.js +4 -4
- package/dist/DownloadTile/DownloadTile.css.js +3 -3
- package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
- package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
- package/dist/FaqAccordion/index.js +36 -34
- package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +35 -33
- package/dist/Forms/ApplicationStart.js +5 -5
- package/dist/Forms/ClearingForm.js +5 -5
- package/dist/Forms/CommercialDeposits.js +5 -5
- package/dist/Forms/CommercialLending.js +5 -5
- package/dist/Forms/ContactCompany.js +5 -5
- package/dist/Forms/ContactUs.js +5 -5
- package/dist/Forms/ContactUsAAS.js +4 -4
- package/dist/Forms/ContactUsBusiness.js +36 -34
- package/dist/Forms/ContactUsNMLSId.js +36 -34
- package/dist/Forms/CpraRequest.js +4 -4
- package/dist/Forms/DealerServices.js +5 -5
- package/dist/Forms/EmailOnly.js +37 -35
- package/dist/Forms/EmailUs.js +4 -4
- package/dist/Forms/FormEnums.d.ts +57 -13
- package/dist/Forms/FormEnums.js +81 -63
- package/dist/Forms/FormProps.d.ts +4 -1
- package/dist/Forms/Forms.css.js +7 -7
- package/dist/Forms/MortgageRate/MortgageRateForm.js +37 -35
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +36 -34
- package/dist/Forms/{QuickPricer.d.ts → QuickPricer/QuickPricerForm.d.ts} +24 -12
- package/dist/Forms/{QuickPricer.js → QuickPricer/QuickPricerForm.js} +206 -234
- package/dist/Forms/QuickPricer/QuickPricerResults.css.d.ts +2 -0
- package/dist/Forms/QuickPricer/QuickPricerResults.css.js +7 -0
- package/dist/Forms/QuickPricer/UserInformation.css.d.ts +8 -0
- package/dist/Forms/QuickPricer/UserInformation.css.js +21 -0
- package/dist/Forms/QuickPricer/UserInformation.d.ts +10 -0
- package/dist/Forms/QuickPricer/UserInformation.js +59 -0
- package/dist/Forms/QuickPricer/index.d.ts +4 -0
- package/dist/Forms/QuickPricer/index.js +19 -0
- package/dist/Forms/ScheduleCall.js +5 -5
- package/dist/Forms/ScheduleCallPremier.js +5 -5
- package/dist/Forms/SuccesForm.js +35 -33
- package/dist/Forms/WcplSurvey.js +4 -4
- package/dist/Forms/index.d.ts +5 -6
- package/dist/Forms/index.js +23 -8
- package/dist/HeroBanner/HeroBanner.css.js +5 -5
- package/dist/HeroBanner/LargeBanner.css.js +4 -4
- package/dist/HeroBanner/SelectionBanner.css.js +4 -4
- package/dist/Hyperlink/Hyperlink.css.js +1 -1
- package/dist/Hyperlink/index.js +35 -33
- package/dist/IconBillboard/IconBillboard.css.js +4 -4
- package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
- package/dist/ImageBillboard/ImageBillboard.js +3 -3
- package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
- package/dist/ImageLink/ImageLink.css.js +1 -1
- package/dist/ImageLink/ImageLink.js +35 -33
- package/dist/ImageLink/ImageLinkSet.js +35 -33
- package/dist/ImageLink/index.js +34 -32
- package/dist/Input/Checkbox.css.js +1 -1
- package/dist/Input/CurrencyInput.js +1 -1
- package/dist/Input/DatePicker.css.d.ts +1 -0
- package/dist/Input/DatePicker.css.js +6 -0
- package/dist/Input/DatePicker2.d.ts +21 -0
- package/dist/Input/DatePicker2.js +103 -0
- package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
- package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
- package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
- package/dist/Input/DatePickerComponents/InputDate.js +66 -0
- package/dist/Input/DatePickerComponents/index.d.ts +2 -0
- package/dist/Input/DatePickerComponents/index.js +6 -0
- package/dist/Input/Datepicker.d.ts +3 -0
- package/dist/Input/Datepicker.js +47 -0
- package/dist/Input/Dropdown.css.js +2 -2
- package/dist/Input/Input.css.js +4 -4
- package/dist/Input/InputAmount.js +1 -1
- package/dist/Input/InputDate.css.d.ts +6 -0
- package/dist/Input/InputDate.css.js +15 -0
- package/dist/Input/InputDate.d.ts +3 -0
- package/dist/Input/InputDate.js +47 -0
- package/dist/Input/InputPhone.js +1 -1
- package/dist/Input/InputProps.d.ts +5 -0
- package/dist/Input/RadioButton.css.js +1 -1
- package/dist/Input/index.d.ts +1 -1
- package/dist/Input/index.js +1 -1
- package/dist/Inputs/Input.css.js +3 -3
- package/dist/Insight/Featured/CategorySelector.css.js +5 -5
- package/dist/Insight/Featured/CategorySelector.js +34 -32
- package/dist/Insight/Featured/Featured.css.js +2 -2
- package/dist/Insight/Featured/Featured.js +36 -34
- package/dist/Insight/Featured/Header.css.js +1 -1
- package/dist/Insight/Featured/Header.js +35 -33
- package/dist/Insight/Insight.css.js +2 -2
- package/dist/Interstitial/Interstitial-variants.css.js +4 -4
- package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
- package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
- package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
- package/dist/Modal/Modal.css.js +3 -3
- package/dist/Modal/Modal.js +35 -33
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavData.js +36 -34
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +35 -33
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/index.js +34 -32
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/PageNavItem/PageNavItem.css.js +4 -4
- package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
- package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
- package/dist/SetContainer/SetContainer.css.js +3 -3
- package/dist/SetContainer/SetContainer.js +36 -34
- package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
- package/dist/StepItem/StepItem.css.js +3 -3
- package/dist/StepItemSet/StepItemSet.css.js +3 -3
- package/dist/Tab/Tab.css.js +3 -3
- package/dist/Table/Table.css.js +3 -3
- package/dist/Table/Table.d.ts +2 -1
- package/dist/Table/Table.interface.d.ts +1 -0
- package/dist/Table/Table.js +5 -3
- package/dist/TextBlock/TextBlock.css.js +3 -3
- package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
- package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
- package/dist/Typography/Typography.css.js +1 -1
- package/dist/VideoTile/VideoTile.css.js +4 -4
- package/dist/VideoTile/VideoTile.js +3 -3
- package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
- package/dist/VideoWrapper/index.js +4 -4
- package/dist/assets/Blockquote/Blockquote.css.css +68 -68
- package/dist/assets/Forms/QuickPricer/QuickPricerResults.css +12 -0
- package/dist/assets/Forms/QuickPricer/UserInformation.css +78 -0
- package/dist/assets/Input/DatePicker.css +95 -0
- package/dist/assets/Input/InputDate.css +39 -0
- package/dist/assets/globals.css +3 -0
- package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
- package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
- package/dist/globals.css.js +2 -2
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
- package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
- package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
- package/dist/icons/CalendarIcon/index.d.ts +1 -0
- package/dist/icons/CalendarIcon/index.js +4 -0
- package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
- package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
- package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
- package/dist/icons/Star/Star.css.js +1 -1
- package/dist/index.css.js +3 -3
- package/dist/main.js +24 -10
- package/dist/themes/axos.css.js +1 -1
- package/dist/themes/premier.css.js +2 -2
- package/dist/types/icon.d.ts +3 -0
- package/dist/types/icon.js +1 -0
- package/dist/types/popover.d.ts +8 -0
- package/dist/types/popover.js +1 -0
- package/dist/utils/constants/format.d.ts +1 -0
- package/dist/utils/constants/format.js +4 -0
- package/dist/utils/constants/popper.d.ts +6 -0
- package/dist/utils/constants/popper.js +10 -0
- package/dist/utils/hooks/usePopover.d.ts +25 -0
- package/dist/utils/hooks/usePopover.js +64 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +1 -1
- 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,
|
package/dist/themes/axos.css.js
CHANGED
|
@@ -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 {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const FORMAT_DATE = "MM.dd.yyyy";
|
|
@@ -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
|
+
};
|
package/dist/utils/index.d.ts
CHANGED
package/dist/utils/index.js
CHANGED
|
@@ -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.
|
|
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
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"@react-input/
|
|
34
|
-
"@
|
|
35
|
-
"@storybook/
|
|
36
|
-
"@
|
|
37
|
-
"@
|
|
38
|
-
"@vanilla-extract/
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"react-
|
|
46
|
-
"react-
|
|
47
|
-
"react-
|
|
48
|
-
"react-
|
|
49
|
-
"react-
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
"@storybook
|
|
75
|
-
"@
|
|
76
|
-
"@storybook/
|
|
77
|
-
"@storybook/
|
|
78
|
-
"@storybook/
|
|
79
|
-
"@storybook/
|
|
80
|
-
"@
|
|
81
|
-
"@
|
|
82
|
-
"@
|
|
83
|
-
"@
|
|
84
|
-
"@
|
|
85
|
-
"@
|
|
86
|
-
"@
|
|
87
|
-
"@
|
|
88
|
-
"@
|
|
89
|
-
"@
|
|
90
|
-
"@
|
|
91
|
-
"@
|
|
92
|
-
"@
|
|
93
|
-
"@
|
|
94
|
-
"@
|
|
95
|
-
"
|
|
96
|
-
"eslint": "^
|
|
97
|
-
"eslint
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"react": "^
|
|
105
|
-
"react-
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
"
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
"
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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
|
+
}
|