@axos-web-dev/shared-components 0.0.87 → 0.0.90
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/Accordion/Accordion.css.d.ts +9 -9
- package/dist/Calculators/ApyCalculator/index.js +2 -4
- package/dist/Calculators/Calculator.js +9 -8
- package/dist/Calculators/MarginTradingCalculator/index.js +3 -6
- package/dist/Calculators/MaxLoanCalculator/index.d.ts +2 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +3 -3
- package/dist/Calculators/index.d.ts +6 -0
- package/dist/Calculators/index.js +12 -0
- package/dist/CallToActionBar/index.js +1 -2
- package/dist/Carousel/index.js +10 -7
- package/dist/Chevron/index.js +6 -5
- package/dist/Comparison/Comparison.js +6 -5
- package/dist/Comparison/ComparisonSet.js +7 -6
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -5
- package/dist/Forms/ApplicationStart.js +3 -2
- package/dist/Forms/CommercialLending.js +3 -2
- package/dist/Forms/ContactCompany.js +3 -2
- package/dist/Forms/ContactUs.js +3 -2
- package/dist/Forms/ContactUsAAS.js +30 -28
- package/dist/Forms/ContactUsBusiness.js +8 -7
- package/dist/Forms/ContactUsNMLSId.js +8 -7
- package/dist/Forms/DealerServices.js +3 -2
- package/dist/Forms/EmailOnly.js +8 -7
- package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
- package/dist/Forms/ScheduleCall.js +7 -3
- package/dist/Forms/ScheduleCallPremier.js +3 -2
- package/dist/Forms/SuccesForm.js +6 -5
- package/dist/Forms/WcplSurvey.js +3 -2
- package/dist/Hyperlink/index.js +6 -5
- package/dist/ImageLink/ImageLink.js +6 -5
- package/dist/ImageLink/ImageLinkSet.js +6 -5
- package/dist/ImageLink/index.js +6 -5
- package/dist/Input/Checkbox.d.ts +1 -1
- package/dist/Input/CurrencyInput.js +3 -2
- package/dist/Input/DatePicker.css.d.ts +1 -0
- package/dist/Input/DatePicker.css.js +6 -0
- package/dist/Input/Datepicker.d.ts +3 -0
- package/dist/Input/Datepicker.js +47 -0
- 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 +3 -2
- package/dist/Input/InputProps.d.ts +6 -0
- package/dist/Input/index.d.ts +3 -0
- package/dist/Input/index.js +6 -0
- package/dist/Modal/Modal.js +7 -6
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -5
- package/dist/SetContainer/SetContainer.js +6 -5
- package/dist/Table/Table.d.ts +11 -11
- package/dist/assets/Input/DatePicker.css +95 -0
- package/dist/assets/Input/InputDate.css +39 -0
- package/dist/main.js +12 -2
- package/dist/utils/allowedAxosDomains.js +3 -3
- package/package.json +9 -9
package/dist/Modal/Modal.js
CHANGED
|
@@ -23,27 +23,28 @@ import "react";
|
|
|
23
23
|
import "react-use";
|
|
24
24
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
25
25
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
26
|
-
|
|
27
|
-
import "../
|
|
26
|
+
import "clsx";
|
|
27
|
+
import "../Table/Table.css.js";
|
|
28
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
28
29
|
import "@hookform/resolvers/zod";
|
|
29
30
|
import "../Input/Checkbox.js";
|
|
30
31
|
import "../Input/CurrencyInput.js";
|
|
32
|
+
import "../Input/Input.css.js";
|
|
33
|
+
/* empty css */
|
|
31
34
|
import "../Input/Dropdown.js";
|
|
32
35
|
/* empty css */
|
|
33
36
|
import "../Input/Input.js";
|
|
34
|
-
import "../Input/Input.css.js";
|
|
35
37
|
import "../Input/InputPhone.js";
|
|
36
38
|
import "../Input/InputTextArea.js";
|
|
37
|
-
import "clsx";
|
|
38
39
|
import "react-hook-form";
|
|
39
40
|
import "../Forms/Forms.css.js";
|
|
40
41
|
import "../Forms/SalesforceFieldsForm.js";
|
|
41
42
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
42
43
|
import "../Input/RadioButton.js";
|
|
43
44
|
import "iframe-resizer";
|
|
44
|
-
import "../Table/Table.css.js";
|
|
45
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
46
45
|
import "../Calculators/calculator.css.js";
|
|
46
|
+
/* empty css */
|
|
47
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
47
48
|
/* empty css */
|
|
48
49
|
import "../Carousel/index.js";
|
|
49
50
|
/* empty css */
|
|
@@ -3,17 +3,22 @@ export declare const navItems: {
|
|
|
3
3
|
url: string;
|
|
4
4
|
}[];
|
|
5
5
|
export declare const subNavItems: {
|
|
6
|
-
|
|
6
|
+
scaleYourBusiness: {
|
|
7
7
|
name: string;
|
|
8
8
|
url: string;
|
|
9
9
|
id: string;
|
|
10
10
|
}[];
|
|
11
|
-
|
|
11
|
+
serveYourClients: {
|
|
12
12
|
name: string;
|
|
13
13
|
url: string;
|
|
14
14
|
id: string;
|
|
15
15
|
}[];
|
|
16
|
-
|
|
16
|
+
optimizeOperations: {
|
|
17
|
+
name: string;
|
|
18
|
+
url: string;
|
|
19
|
+
id: string;
|
|
20
|
+
}[];
|
|
21
|
+
axosAdvantage: {
|
|
17
22
|
name: string;
|
|
18
23
|
url: string;
|
|
19
24
|
id: string;
|
|
@@ -1,51 +1,67 @@
|
|
|
1
1
|
const navItems = [
|
|
2
|
-
{ name: "
|
|
3
|
-
{ name: "
|
|
4
|
-
{ name: "
|
|
5
|
-
{ name: "
|
|
6
|
-
{ name: "
|
|
7
|
-
{ name: "Contact Us", url: "/contact-us" }
|
|
2
|
+
{ name: "Home", url: "/" },
|
|
3
|
+
{ name: "Scale Your Business", url: "/scale-your-business" },
|
|
4
|
+
{ name: "Serve Your Clients", url: "/serve-your-clients" },
|
|
5
|
+
{ name: "Optimize Operations", url: "/optimize-operations" },
|
|
6
|
+
{ name: "Axos Advantage", url: "/axos-advantage" }
|
|
8
7
|
];
|
|
9
8
|
const subNavItems = {
|
|
10
|
-
|
|
9
|
+
scaleYourBusiness: [
|
|
11
10
|
{
|
|
12
|
-
name: "
|
|
13
|
-
url: "/
|
|
14
|
-
id: "
|
|
11
|
+
name: "Unlock Independence",
|
|
12
|
+
url: "/scale-your-business/unlock-independence",
|
|
13
|
+
id: "syb_1"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
serveYourClients: [
|
|
17
|
+
{
|
|
18
|
+
name: "Cash Management Solutions",
|
|
19
|
+
url: "/cash-management-solutions",
|
|
20
|
+
id: "syc_1"
|
|
15
21
|
},
|
|
16
22
|
{
|
|
17
|
-
name: "
|
|
18
|
-
url: "/
|
|
19
|
-
id: "
|
|
23
|
+
name: "Retirement Plans",
|
|
24
|
+
url: "/serve-your-clients/retirement-plans",
|
|
25
|
+
id: "syc_2"
|
|
20
26
|
},
|
|
21
27
|
{
|
|
22
|
-
name: "
|
|
23
|
-
url: "/
|
|
24
|
-
id: "
|
|
28
|
+
name: "Managed Investment Solutions",
|
|
29
|
+
url: "/serve-your-clients/managed-investment-solutions",
|
|
30
|
+
id: "syc_3"
|
|
25
31
|
}
|
|
26
32
|
],
|
|
27
|
-
|
|
33
|
+
optimizeOperations: [
|
|
28
34
|
{
|
|
29
35
|
name: "Technology Providers",
|
|
30
|
-
url: "/
|
|
31
|
-
id: "
|
|
36
|
+
url: "/optimize-operations/technology-providers",
|
|
37
|
+
id: "oo_1"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
name: "Axos Client Portal",
|
|
41
|
+
url: "https://www.axosbank.com/pages/axos-client-portal",
|
|
42
|
+
id: "oo_2"
|
|
32
43
|
}
|
|
33
44
|
],
|
|
34
|
-
|
|
45
|
+
axosAdvantage: [
|
|
35
46
|
{
|
|
36
|
-
name: "
|
|
37
|
-
url: "/
|
|
38
|
-
id: "
|
|
47
|
+
name: "About AXOS",
|
|
48
|
+
url: "/axos-advantage/about-axos",
|
|
49
|
+
id: "aa_1"
|
|
39
50
|
},
|
|
40
51
|
{
|
|
41
|
-
name: "
|
|
42
|
-
url: "/
|
|
43
|
-
id: "
|
|
52
|
+
name: "Client Service Team",
|
|
53
|
+
url: "/axos-advantage/personalized-support",
|
|
54
|
+
id: "aa_2"
|
|
44
55
|
},
|
|
45
56
|
{
|
|
46
|
-
name: "
|
|
47
|
-
url: "/
|
|
48
|
-
id: "
|
|
57
|
+
name: "Insights & Ideas",
|
|
58
|
+
url: "/axos-advantage/insights-and-ideas",
|
|
59
|
+
id: "aa_3"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
name: "Sales Team",
|
|
63
|
+
url: "/axos-advantage/sales-team",
|
|
64
|
+
id: "aa_4"
|
|
49
65
|
}
|
|
50
66
|
]
|
|
51
67
|
};
|
|
@@ -7,28 +7,32 @@ import { subNavItems } from "./NavData.js";
|
|
|
7
7
|
import { sub_nav } from "./SubNavbar.css.js";
|
|
8
8
|
function SubNavBar() {
|
|
9
9
|
const { pathname } = useLocation();
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
10
|
+
const scaleYourBusiness = subNavItems.scaleYourBusiness;
|
|
11
|
+
const serveYourClients = subNavItems.serveYourClients;
|
|
12
|
+
const optimizeOperations = subNavItems.optimizeOperations;
|
|
13
|
+
const axosAdvantage = subNavItems.axosAdvantage;
|
|
13
14
|
const [showNavbar, setShowNavbar] = useState(false);
|
|
14
15
|
useEffect(() => {
|
|
15
16
|
setShowNavbar(
|
|
16
17
|
() => [
|
|
17
|
-
"/
|
|
18
|
-
"/
|
|
19
|
-
"/
|
|
20
|
-
"/
|
|
18
|
+
"/scale-your-business",
|
|
19
|
+
"/serve-your-clients",
|
|
20
|
+
"/optimize-operations",
|
|
21
|
+
"/axos-advantage"
|
|
21
22
|
].some((el) => pathname?.includes(el))
|
|
22
23
|
);
|
|
23
24
|
}, [pathname]);
|
|
24
25
|
return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
|
|
25
|
-
|
|
26
|
+
pathname?.includes("/scale-your-business") && scaleYourBusiness?.map(
|
|
26
27
|
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
27
28
|
),
|
|
28
|
-
pathname?.includes("/
|
|
29
|
+
(pathname?.includes("/serve-your-clients") || pathname?.includes("/cash-management-solutions")) && serveYourClients.map(
|
|
29
30
|
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
30
31
|
),
|
|
31
|
-
pathname?.includes("/
|
|
32
|
+
pathname?.includes("/optimize-operations") && optimizeOperations.map(
|
|
33
|
+
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
34
|
+
),
|
|
35
|
+
pathname?.includes("/axos-advantage") && axosAdvantage.map(
|
|
32
36
|
(item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
|
|
33
37
|
)
|
|
34
38
|
] }) }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {});
|
|
@@ -26,15 +26,16 @@ import "../../Button/Button.css.js";
|
|
|
26
26
|
import { useLocation } from "react-use";
|
|
27
27
|
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
28
|
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
|
-
|
|
30
|
-
import "../../Calculators/
|
|
29
|
+
import "../../Table/Table.css.js";
|
|
30
|
+
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
31
31
|
import "@hookform/resolvers/zod";
|
|
32
32
|
import "../../Input/Checkbox.js";
|
|
33
33
|
import "../../Input/CurrencyInput.js";
|
|
34
|
+
import "../../Input/Input.css.js";
|
|
35
|
+
/* empty css */
|
|
34
36
|
import "../../Input/Dropdown.js";
|
|
35
37
|
/* empty css */
|
|
36
38
|
import "../../Input/Input.js";
|
|
37
|
-
import "../../Input/Input.css.js";
|
|
38
39
|
import "../../Input/InputPhone.js";
|
|
39
40
|
import "../../Input/InputTextArea.js";
|
|
40
41
|
import "react-hook-form";
|
|
@@ -43,9 +44,9 @@ import "../../Forms/SalesforceFieldsForm.js";
|
|
|
43
44
|
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
45
|
import "../../Input/RadioButton.js";
|
|
45
46
|
import "iframe-resizer";
|
|
46
|
-
import "../../Table/Table.css.js";
|
|
47
|
-
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
48
47
|
import "../../Calculators/calculator.css.js";
|
|
48
|
+
/* empty css */
|
|
49
|
+
import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
50
|
/* empty css */
|
|
50
51
|
import "../../Carousel/index.js";
|
|
51
52
|
/* empty css */
|
|
@@ -26,15 +26,16 @@ import { header_section } from "../IconBillboard/IconBillboard.css.js";
|
|
|
26
26
|
/* empty css */
|
|
27
27
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
|
-
|
|
30
|
-
import "../Calculators/
|
|
29
|
+
import "../Table/Table.css.js";
|
|
30
|
+
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
31
31
|
import "@hookform/resolvers/zod";
|
|
32
32
|
import "../Input/Checkbox.js";
|
|
33
33
|
import "../Input/CurrencyInput.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
35
|
+
/* empty css */
|
|
34
36
|
import "../Input/Dropdown.js";
|
|
35
37
|
/* empty css */
|
|
36
38
|
import "../Input/Input.js";
|
|
37
|
-
import "../Input/Input.css.js";
|
|
38
39
|
import "../Input/InputPhone.js";
|
|
39
40
|
import "../Input/InputTextArea.js";
|
|
40
41
|
import "react-hook-form";
|
|
@@ -43,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
43
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
45
|
import "../Input/RadioButton.js";
|
|
45
46
|
import "iframe-resizer";
|
|
46
|
-
import "../Table/Table.css.js";
|
|
47
|
-
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
48
47
|
import "../Calculators/calculator.css.js";
|
|
48
|
+
/* empty css */
|
|
49
|
+
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
50
|
/* empty css */
|
|
50
51
|
import "../Carousel/index.js";
|
|
51
52
|
/* empty css */
|
package/dist/Table/Table.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
|
|
|
15
15
|
suppressHydrationWarning?: boolean | undefined;
|
|
16
16
|
accessKey?: string | undefined;
|
|
17
17
|
autoFocus?: boolean | undefined;
|
|
18
|
-
contentEditable?:
|
|
18
|
+
contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
|
|
19
19
|
contextMenu?: string | undefined;
|
|
20
20
|
dir?: string | undefined;
|
|
21
21
|
draggable?: (boolean | "false" | "true") | undefined;
|
|
@@ -28,7 +28,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
|
|
|
28
28
|
style?: import('react').CSSProperties | undefined;
|
|
29
29
|
tabIndex?: number | undefined;
|
|
30
30
|
title?: string | undefined;
|
|
31
|
-
translate?: "
|
|
31
|
+
translate?: "yes" | "no" | undefined;
|
|
32
32
|
radioGroup?: string | undefined;
|
|
33
33
|
role?: import('react').AriaRole | undefined;
|
|
34
34
|
about?: string | undefined;
|
|
@@ -53,32 +53,32 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
|
|
|
53
53
|
itemRef?: string | undefined;
|
|
54
54
|
results?: number | undefined;
|
|
55
55
|
security?: string | undefined;
|
|
56
|
-
unselectable?: "
|
|
57
|
-
inputMode?: "
|
|
56
|
+
unselectable?: "on" | "off" | undefined;
|
|
57
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
58
58
|
is?: string | undefined;
|
|
59
59
|
"aria-activedescendant"?: string | undefined;
|
|
60
60
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
61
|
-
"aria-autocomplete"?: "none" | "
|
|
61
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
62
62
|
"aria-braillelabel"?: string | undefined;
|
|
63
63
|
"aria-brailleroledescription"?: string | undefined;
|
|
64
64
|
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
65
|
-
"aria-checked"?: boolean | "
|
|
65
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
66
66
|
"aria-colcount"?: number | undefined;
|
|
67
67
|
"aria-colindex"?: number | undefined;
|
|
68
68
|
"aria-colindextext"?: string | undefined;
|
|
69
69
|
"aria-colspan"?: number | undefined;
|
|
70
70
|
"aria-controls"?: string | undefined;
|
|
71
|
-
"aria-current"?: boolean | "
|
|
71
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
72
72
|
"aria-describedby"?: string | undefined;
|
|
73
73
|
"aria-description"?: string | undefined;
|
|
74
74
|
"aria-details"?: string | undefined;
|
|
75
75
|
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
76
|
-
"aria-dropeffect"?: "
|
|
76
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
77
77
|
"aria-errormessage"?: string | undefined;
|
|
78
78
|
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
79
79
|
"aria-flowto"?: string | undefined;
|
|
80
80
|
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
81
|
-
"aria-haspopup"?: boolean | "
|
|
81
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
82
82
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
83
83
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
84
84
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -93,9 +93,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
|
|
|
93
93
|
"aria-owns"?: string | undefined;
|
|
94
94
|
"aria-placeholder"?: string | undefined;
|
|
95
95
|
"aria-posinset"?: number | undefined;
|
|
96
|
-
"aria-pressed"?: boolean | "
|
|
96
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
97
97
|
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
98
|
-
"aria-relevant"?: "
|
|
98
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
99
99
|
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
100
100
|
"aria-roledescription"?: string | undefined;
|
|
101
101
|
"aria-rowcount"?: number | undefined;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
.react-date-picker {
|
|
2
|
+
width: 100%;
|
|
3
|
+
}
|
|
4
|
+
.react-date-picker__wrapper {
|
|
5
|
+
border: none !important;
|
|
6
|
+
}
|
|
7
|
+
.react-calendar__month-view__weekdays__weekday {
|
|
8
|
+
width: 45px;
|
|
9
|
+
height: 22px;
|
|
10
|
+
margin: 0;
|
|
11
|
+
display: inline-flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
font-family: var(--main-font-family);
|
|
14
|
+
font-weight: 500;
|
|
15
|
+
letter-spacing: 0.2px;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
}
|
|
18
|
+
.react-calendar__month-view__weekdays__weekday {
|
|
19
|
+
font-size: 12px;
|
|
20
|
+
line-height: 16;
|
|
21
|
+
color: #2F5B88;
|
|
22
|
+
}
|
|
23
|
+
.react-calendar__month-view__weekdays__weekday > abbr {
|
|
24
|
+
text-decoration: none;
|
|
25
|
+
}
|
|
26
|
+
.react-calendar__month-view__days__day {
|
|
27
|
+
width: 49px;
|
|
28
|
+
height: 49px;
|
|
29
|
+
margin: 0;
|
|
30
|
+
display: inline-flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
}
|
|
34
|
+
.react-calendar__month-view__days__day > abbr {
|
|
35
|
+
font-family: var(--main-font-family) !important;
|
|
36
|
+
font-weight: 500;
|
|
37
|
+
letter-spacing: 0.2px;
|
|
38
|
+
color: #051A3F;
|
|
39
|
+
}
|
|
40
|
+
.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
|
|
41
|
+
color: #5E6A74 !important;
|
|
42
|
+
}
|
|
43
|
+
.react-date-picker__clear-button {
|
|
44
|
+
display: none;
|
|
45
|
+
}
|
|
46
|
+
.react-calendar__navigation__label__labelText {
|
|
47
|
+
font-weight: 600;
|
|
48
|
+
font-size: 24px;
|
|
49
|
+
line-height: 36px;
|
|
50
|
+
letter-spacing: 0.2px;
|
|
51
|
+
color: #1E3860;
|
|
52
|
+
font-family: var(--header-font-family);
|
|
53
|
+
}
|
|
54
|
+
.react-datepicker-popper {
|
|
55
|
+
transform: translateY(40px)!important;
|
|
56
|
+
}
|
|
57
|
+
.react-calendar__month-view__days__day--neighboringMonth {
|
|
58
|
+
background-color: #F4F4F4 !important;
|
|
59
|
+
opacity: 50%;
|
|
60
|
+
}
|
|
61
|
+
.react-calendar__month-view__days__day--neighboringMonth > abbr {
|
|
62
|
+
color: #5E6A74;
|
|
63
|
+
}
|
|
64
|
+
.react-calendar__tile--active > abbr {
|
|
65
|
+
color: white;
|
|
66
|
+
}
|
|
67
|
+
.react-calendar {
|
|
68
|
+
border: 12px solid #FFFFFF4D !important;
|
|
69
|
+
border-radius: 4px;
|
|
70
|
+
}
|
|
71
|
+
.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
|
|
72
|
+
display: none;
|
|
73
|
+
}
|
|
74
|
+
.react-date-picker__calendar {
|
|
75
|
+
max-width: 100% !important;
|
|
76
|
+
}
|
|
77
|
+
.react-date-picker__inputGroup__input:focus-visible {
|
|
78
|
+
outline: none;
|
|
79
|
+
}
|
|
80
|
+
.react-date-picker__inputGroup__input:invalid {
|
|
81
|
+
background: transparent !important;
|
|
82
|
+
}
|
|
83
|
+
@media screen and (max-width:320px) {
|
|
84
|
+
.react-calendar__month-view__weekdays__weekday {
|
|
85
|
+
width: 43.5px;
|
|
86
|
+
}
|
|
87
|
+
.react-calendar__month-view__days__day {
|
|
88
|
+
width: 43.5px;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
@media screen and (max-width:400px) {
|
|
92
|
+
.react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
|
|
93
|
+
min-width: auto;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.skzved0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
}
|
|
4
|
+
.skzved1 {
|
|
5
|
+
position: relative;
|
|
6
|
+
top: 5px;
|
|
7
|
+
left: 5px;
|
|
8
|
+
}
|
|
9
|
+
.skzved2 {
|
|
10
|
+
width: 100px;
|
|
11
|
+
padding-left: 5px;
|
|
12
|
+
padding-right: 5px;
|
|
13
|
+
line-height: 28px;
|
|
14
|
+
font-size: 14pt;
|
|
15
|
+
}
|
|
16
|
+
.skzved3 {
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
.skzved4 {
|
|
22
|
+
display: block;
|
|
23
|
+
background: #FFFFFF;
|
|
24
|
+
width: 300px;
|
|
25
|
+
border: solid 1px #CCCCCC;
|
|
26
|
+
margin: 10px auto;
|
|
27
|
+
box-shadow: 0 0 15px 0 #C0C0C0;
|
|
28
|
+
font-size: 1.3rem;
|
|
29
|
+
text-align: center;
|
|
30
|
+
z-index: 999;
|
|
31
|
+
}
|
|
32
|
+
.skzved4 .skzved5 {
|
|
33
|
+
display: flex;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
align-items: center;
|
|
36
|
+
color: #FFFFFF;
|
|
37
|
+
cursor: default;
|
|
38
|
+
font-weight: bold;
|
|
39
|
+
}
|
package/dist/main.js
CHANGED
|
@@ -17,11 +17,13 @@ import { BulletItem } from "./BulletItem/BulletItem.js";
|
|
|
17
17
|
import { Button } from "./Button/Button.js";
|
|
18
18
|
import { button } from "./Button/Button.css.js";
|
|
19
19
|
import { GoBackButton } from "./Button/GoBackButton.js";
|
|
20
|
-
import { Calculator } from "./Calculators/Calculator.js";
|
|
21
|
-
import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
|
|
22
20
|
import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
|
|
23
21
|
import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
|
|
22
|
+
import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
|
|
23
|
+
import { Calculator } from "./Calculators/Calculator.js";
|
|
24
|
+
import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
|
|
24
25
|
import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/index.js";
|
|
26
|
+
import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
|
|
25
27
|
import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
|
|
26
28
|
import { CallToActionBar } from "./CallToActionBar/index.js";
|
|
27
29
|
import { Carousel, CarouselSlide } from "./Carousel/index.js";
|
|
@@ -72,10 +74,13 @@ import "react";
|
|
|
72
74
|
import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
|
|
73
75
|
import { Checkbox } from "./Input/Checkbox.js";
|
|
74
76
|
import { CurrencyInput } from "./Input/CurrencyInput.js";
|
|
77
|
+
import { DatePickerInput } from "./Input/Datepicker.js";
|
|
78
|
+
import { datePicker } from "./Input/DatePicker.css.js";
|
|
75
79
|
import { Dropdown } from "./Input/Dropdown.js";
|
|
76
80
|
import { selectInput } from "./Input/Dropdown.css.js";
|
|
77
81
|
import { Input } from "./Input/Input.js";
|
|
78
82
|
import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
|
|
83
|
+
import { InputDate } from "./Input/InputDate.js";
|
|
79
84
|
import { InputPhone } from "./Input/InputPhone.js";
|
|
80
85
|
import { InputTextArea } from "./Input/InputTextArea.js";
|
|
81
86
|
import { Interstitial } from "./Interstitial/index.js";
|
|
@@ -167,6 +172,7 @@ export {
|
|
|
167
172
|
AxosFooterSiteMap,
|
|
168
173
|
default7 as AxosX,
|
|
169
174
|
default8 as AxosXBlue,
|
|
175
|
+
BalanceAPYCalculator,
|
|
170
176
|
Blockquote,
|
|
171
177
|
BulletItem,
|
|
172
178
|
Button,
|
|
@@ -192,6 +198,7 @@ export {
|
|
|
192
198
|
ContactUsNMLSId,
|
|
193
199
|
ContentBanner,
|
|
194
200
|
CurrencyInput,
|
|
201
|
+
DatePickerInput,
|
|
195
202
|
DealerServices,
|
|
196
203
|
default15 as DownloadIcon,
|
|
197
204
|
DownloadTile,
|
|
@@ -218,6 +225,7 @@ export {
|
|
|
218
225
|
ImageBillboardSet,
|
|
219
226
|
ImageLinkSet,
|
|
220
227
|
Input,
|
|
228
|
+
InputDate,
|
|
221
229
|
InputPhone,
|
|
222
230
|
InputTextArea,
|
|
223
231
|
Interstitial,
|
|
@@ -226,6 +234,7 @@ export {
|
|
|
226
234
|
default18 as LockIcon,
|
|
227
235
|
MainHTML,
|
|
228
236
|
MarginTradingCalculator,
|
|
237
|
+
MaxLoanCalculator,
|
|
229
238
|
default19 as MemberFdicLogo,
|
|
230
239
|
Modal,
|
|
231
240
|
MonthlyPaymentCalculator,
|
|
@@ -330,6 +339,7 @@ export {
|
|
|
330
339
|
containerIconBillboard,
|
|
331
340
|
content,
|
|
332
341
|
copy,
|
|
342
|
+
datePicker,
|
|
333
343
|
description,
|
|
334
344
|
descriptionField,
|
|
335
345
|
details,
|
|
@@ -11,7 +11,8 @@ const moreDomains = {
|
|
|
11
11
|
"{UFBDIRECT}": "https://www.ufbdirect.com",
|
|
12
12
|
"{ARMS}": "https://arms.axosadvisor.com",
|
|
13
13
|
"{APPS}": "https://apps.axosbank.com",
|
|
14
|
-
"{AFP}": "https://afp.axosbank.com"
|
|
14
|
+
"{AFP}": "https://afp.axosbank.com",
|
|
15
|
+
"{INVESTORS}": "https://investors.axosfinancial.com"
|
|
15
16
|
// "assets.axos.com": "https://assets.axos.com",
|
|
16
17
|
// "images.axos.com": "https://images.axos.com",
|
|
17
18
|
};
|
|
@@ -19,8 +20,7 @@ const isAllowedUrl = (url) => {
|
|
|
19
20
|
const uri = new URL(url, location.href);
|
|
20
21
|
for (const key in moreDomains) {
|
|
21
22
|
const urlToCompare = new URL(moreDomains[key], location.href);
|
|
22
|
-
if (uri.hostname === urlToCompare.hostname)
|
|
23
|
-
return true;
|
|
23
|
+
if (uri.hostname === urlToCompare.hostname) return true;
|
|
24
24
|
}
|
|
25
25
|
return false;
|
|
26
26
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axos-web-dev/shared-components",
|
|
3
3
|
"description": "Axos shared components library for web.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.90",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"npm:link": "npm run build && npm link"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@hookform/resolvers": "^3.
|
|
31
|
+
"@hookform/resolvers": "^3.9.0",
|
|
32
32
|
"@react-input/mask": "^1.2.5",
|
|
33
33
|
"@react-input/number-format": "^1.0.27",
|
|
34
34
|
"@storybook/builder-vite": "^7.6.19",
|
|
@@ -41,13 +41,13 @@
|
|
|
41
41
|
"iframe-resizer": "4.3.11",
|
|
42
42
|
"moment": "^2.30.1",
|
|
43
43
|
"react-date-picker": "^11.0.0",
|
|
44
|
-
"react-hook-form": "^7.52.
|
|
44
|
+
"react-hook-form": "^7.52.1",
|
|
45
45
|
"react-markdown": "^9.0.1",
|
|
46
|
-
"react-use": "^17.5.
|
|
46
|
+
"react-use": "^17.5.1",
|
|
47
47
|
"typed-css-modules": "^0.9.1",
|
|
48
48
|
"vite-plugin-svgr": "^4.2.0",
|
|
49
49
|
"zod": "^3.23.8",
|
|
50
|
-
"zustand": "^4.5.
|
|
50
|
+
"zustand": "^4.5.4"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@vanilla-extract/css-utils": "^0.1.3",
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
"@svgr/core": "^8.1.0",
|
|
72
72
|
"@svgr/plugin-prettier": "^8.1.0",
|
|
73
73
|
"@svgr/plugin-svgo": "^8.1.0",
|
|
74
|
-
"@types/node": "^20.
|
|
75
|
-
"@types/react": "^18.3.
|
|
74
|
+
"@types/node": "^20.14.11",
|
|
75
|
+
"@types/react": "^18.3.3",
|
|
76
76
|
"@types/react-datepicker": "^6.2.0",
|
|
77
77
|
"@types/react-dom": "^18.3.0",
|
|
78
78
|
"@typescript-eslint/eslint-plugin": "^7.9.0",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
87
87
|
"eslint-plugin-react-refresh": "^0.4.7",
|
|
88
88
|
"eslint-plugin-storybook": "^0.8.0",
|
|
89
|
-
"glob": "^10.
|
|
89
|
+
"glob": "^10.4.5",
|
|
90
90
|
"husky": "^9.0.11",
|
|
91
91
|
"next": "^14.1.4",
|
|
92
92
|
"prettier": "3.2.5",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"storybook": "^7.6.19",
|
|
99
99
|
"typescript": "^5.4.5",
|
|
100
100
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
101
|
-
"vite": "^5.
|
|
101
|
+
"vite": "^5.3.4",
|
|
102
102
|
"vite-plugin-dts": "^3.9.1",
|
|
103
103
|
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
104
104
|
"vite-plugin-setting-css-module": "^1.1.4",
|