@axos-web-dev/shared-components 0.0.215 → 0.0.216
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 +37 -37
- 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/Avatar/Avatar.module.js +1 -1
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
- package/dist/AwardsItem/AwardsItem.css.js +2 -2
- package/dist/Blockquote/Blockquote.module.js +1 -1
- 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 +37 -37
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +4 -4
- 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 +37 -37
- package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +4 -4
- 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 +37 -37
- package/dist/Chevron/Chevron.css.js +4 -4
- package/dist/Chevron/index.js +37 -37
- 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 +36 -36
- 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 +37 -37
- package/dist/FdicCallout/FdicCallout.module.js +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +3 -3
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +3 -3
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +36 -36
- package/dist/Forms/ApplicationStart.js +3 -3
- package/dist/Forms/ApplyNow.js +37 -37
- package/dist/Forms/ClearingForm.js +3 -3
- package/dist/Forms/CommercialDeposits.js +3 -3
- package/dist/Forms/CommercialLending.js +3 -3
- package/dist/Forms/ContactCompany.js +3 -3
- package/dist/Forms/ContactCompanyTitle.js +3 -3
- package/dist/Forms/ContactUs.js +3 -3
- package/dist/Forms/ContactUsAAS.js +3 -3
- package/dist/Forms/ContactUsBusiness.js +37 -37
- package/dist/Forms/ContactUsLVF.js +3 -3
- package/dist/Forms/ContactUsNMLSId.js +37 -37
- package/dist/Forms/CpraRequest.js +3 -3
- package/dist/Forms/DealerServices.js +3 -3
- package/dist/Forms/EmailOnly.js +37 -37
- package/dist/Forms/EmailUs.js +3 -3
- package/dist/Forms/Forms.css.js +7 -7
- package/dist/Forms/MortgageRate/MortgageRateForm.js +37 -37
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +37 -37
- package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
- package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
- package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
- package/dist/Forms/ScheduleCall.js +3 -3
- package/dist/Forms/ScheduleCallPremier.js +3 -3
- package/dist/Forms/SuccesForm.js +38 -38
- package/dist/Forms/WcplSurvey.js +3 -3
- 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 +37 -37
- package/dist/IconBillboard/IconBillboard.css.js +4 -4
- package/dist/ImageBillboard/ImageBillboard.css.js +5 -5
- 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 +37 -37
- package/dist/ImageLink/ImageLinkSet.js +37 -37
- package/dist/ImageLink/index.js +37 -37
- package/dist/Input/Checkbox.css.js +1 -1
- package/dist/Input/Dropdown.css.js +2 -2
- package/dist/Input/Input.css.js +4 -4
- package/dist/Input/RadioButton.css.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 +36 -36
- package/dist/Insight/Featured/Featured.css.js +2 -2
- package/dist/Insight/Featured/Featured.js +38 -38
- package/dist/Insight/Featured/Header.css.js +1 -1
- package/dist/Insight/Featured/Header.js +36 -36
- package/dist/Insight/Insight.css.js +2 -2
- package/dist/Interstitial/Interstitial-variants.css.js +4 -4
- package/dist/Interstitial/Interstitial.module.js +1 -1
- 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 +36 -36
- package/dist/NavigationMenu/AxosALTS/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +38 -38
- package/dist/NavigationMenu/AxosALTS/index.js +36 -36
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/NavData.js +37 -37
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +36 -36
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/index.js +35 -35
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavData.js +37 -37
- package/dist/NavigationMenu/LaVictoire/index.js +36 -36
- package/dist/PageNavItem/PageNavItem.css.js +4 -4
- package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
- package/dist/Pagination/Pagination.css.js +1 -1
- package/dist/Pagination/Pagination.js +3 -3
- package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
- package/dist/SetContainer/SetContainer.css.js +3 -3
- package/dist/SetContainer/SetContainer.js +37 -37
- package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
- package/dist/SocialMediaBar/iconsRepository.js +37 -37
- package/dist/StepItem/StepItem.css.js +4 -4
- package/dist/StepItemSet/StepItemSet.css.js +3 -3
- package/dist/Tab/Tab.css.js +4 -4
- package/dist/Table/Table.css.js +3 -3
- package/dist/Table/Table.js +3 -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 +36 -36
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +660 -660
- package/dist/globals.css.js +2 -2
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
- 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/themes/axos.css.js +1 -1
- package/dist/themes/premier.css.js +2 -2
- package/dist/themes/victorie.css.js +2 -2
- package/package.json +130 -130
- package/dist/Input/DatePicker.css.d.ts +0 -1
- package/dist/Input/DatePicker.css.js +0 -6
- package/dist/Input/DatePicker2.d.ts +0 -21
- package/dist/Input/DatePicker2.js +0 -103
- package/dist/Input/DatePickerComponents/DatePicker.d.ts +0 -11
- package/dist/Input/DatePickerComponents/DatePicker.js +0 -13
- package/dist/Input/DatePickerComponents/InputDate.d.ts +0 -15
- package/dist/Input/DatePickerComponents/InputDate.js +0 -66
- package/dist/Input/DatePickerComponents/index.d.ts +0 -2
- package/dist/Input/DatePickerComponents/index.js +0 -6
- package/dist/Input/Datepicker.d.ts +0 -3
- package/dist/Input/Datepicker.js +0 -47
- package/dist/Input/InputDate.css.d.ts +0 -6
- package/dist/Input/InputDate.css.js +0 -15
- package/dist/Input/InputDate.d.ts +0 -3
- package/dist/Input/InputDate.js +0 -47
- package/dist/assets/Input/DatePicker.css +0 -95
- package/dist/assets/Input/InputDate.css +0 -39
- package/dist/assets/node_modules/react-date-range/dist/styles.css.css +0 -194
- package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +0 -385
- package/dist/icons/CalendarIcon/CalendarIcon.d.ts +0 -3
- package/dist/icons/CalendarIcon/CalendarIcon.js +0 -17
- package/dist/icons/CalendarIcon/index.d.ts +0 -1
- package/dist/icons/CalendarIcon/index.js +0 -4
- package/dist/types/icon.d.ts +0 -3
- package/dist/types/icon.js +0 -1
- package/dist/types/popover.d.ts +0 -8
- package/dist/types/popover.js +0 -1
- package/dist/utils/constants/format.d.ts +0 -1
- package/dist/utils/constants/format.js +0 -4
- package/dist/utils/constants/popper.d.ts +0 -6
- package/dist/utils/constants/popper.js +0 -10
- package/dist/utils/hooks/usePopover.d.ts +0 -25
- package/dist/utils/hooks/usePopover.js +0 -64
package/dist/globals.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
/* empty css
|
|
1
|
+
import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
1
3
|
/* empty css */
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
6
|
var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7
7
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
1
3
|
/* empty css */
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
5
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
6
|
var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7
7
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
1
3
|
/* empty css */
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
5
|
var DownloadColor = "_1r03g400";
|
|
6
6
|
export {
|
|
7
7
|
DownloadColor
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
1
3
|
/* empty css */
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
5
|
var FollowColor = "_1wjdwci0";
|
|
6
6
|
export {
|
|
7
7
|
FollowColor
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../../assets/icons/Star/Star.css';/* empty css */
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
export {
|
package/dist/index.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css
|
|
1
|
+
import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
package/dist/themes/axos.css.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../assets/themes/axos.css';/* 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)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
|
|
4
4
|
export {
|
package/package.json
CHANGED
|
@@ -1,130 +1,130 @@
|
|
|
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
|
-
"@headlessui/react": "^2.2.0",
|
|
32
|
-
"@hookform/resolvers": "^3.9.1",
|
|
33
|
-
"@react-input/mask": "^1.2.15",
|
|
34
|
-
"@react-input/number-format": "^1.1.3",
|
|
35
|
-
"@storybook/icons": "^1.3.0",
|
|
36
|
-
"@storybook/preview-api": "^8.4.7",
|
|
37
|
-
"@types/iframe-resizer": "3.5.13",
|
|
38
|
-
"@vanilla-extract/css": "^1.16.1",
|
|
39
|
-
"@vanilla-extract/recipes": "^0.5.1",
|
|
40
|
-
"antd": "^5.22.5",
|
|
41
|
-
"clsx": "^2.1.1",
|
|
42
|
-
"iframe-resizer": "^3.6.6",
|
|
43
|
-
"lodash": "^4.17.21",
|
|
44
|
-
"moment": "^2.30.1",
|
|
45
|
-
"react-date-picker": "^11.0.0",
|
|
46
|
-
"react-date-range": "^2.0.1",
|
|
47
|
-
"react-hook-form": "^7.54.2",
|
|
48
|
-
"react-markdown": "^9.0.1",
|
|
49
|
-
"react-popper": "^2.3.0",
|
|
50
|
-
"react-slick": "^0.30.2",
|
|
51
|
-
"react-use": "^17.6.0",
|
|
52
|
-
"react-wrap-balancer": "^1.1.1",
|
|
53
|
-
"rsuite": "^5.75.0",
|
|
54
|
-
"slick-carousel": "^1.8.1",
|
|
55
|
-
"typed-css-modules": "^0.9.1",
|
|
56
|
-
"vite-plugin-svgr": "^4.3.0",
|
|
57
|
-
"zod": "^3.24.1",
|
|
58
|
-
"zustand": "^4.5.5"
|
|
59
|
-
},
|
|
60
|
-
"peerDependencies": {
|
|
61
|
-
"@vanilla-extract/css-utils": "^0.1.3",
|
|
62
|
-
"@vanilla-extract/recipes": "^0.5.1",
|
|
63
|
-
"@vanilla-extract/vite-plugin": "^4.0.3",
|
|
64
|
-
"next": "^14.1.4",
|
|
65
|
-
"react": "^18.2.0",
|
|
66
|
-
"react-date-range": "^2.0.1",
|
|
67
|
-
"react-dom": "^18.2.0",
|
|
68
|
-
"react-popper": "^2.3.0",
|
|
69
|
-
"react-slick": "^0.30.2",
|
|
70
|
-
"slick-carousel": "^1.8.1"
|
|
71
|
-
},
|
|
72
|
-
"devDependencies": {
|
|
73
|
-
"@chromatic-com/storybook": "^1.9.0",
|
|
74
|
-
"@rollup/plugin-alias": "^5.1.1",
|
|
75
|
-
"@storybook/addon-essentials": "^8.4.7",
|
|
76
|
-
"@storybook/addon-interactions": "^8.4.7",
|
|
77
|
-
"@storybook/addon-links": "^8.4.7",
|
|
78
|
-
"@storybook/addon-mdx-gfm": "^8.4.7",
|
|
79
|
-
"@storybook/addon-onboarding": "^8.4.7",
|
|
80
|
-
"@storybook/addon-themes": "^8.4.7",
|
|
81
|
-
"@storybook/blocks": "^8.4.7",
|
|
82
|
-
"@storybook/react": "^8.4.7",
|
|
83
|
-
"@storybook/react-vite": "^8.4.7",
|
|
84
|
-
"@storybook/test": "^8.4.7",
|
|
85
|
-
"@svgr/core": "^8.1.0",
|
|
86
|
-
"@svgr/plugin-prettier": "^8.1.0",
|
|
87
|
-
"@svgr/plugin-svgo": "^8.1.0",
|
|
88
|
-
"@types/lodash": "^4.17.13",
|
|
89
|
-
"@types/node": "^20.17.10",
|
|
90
|
-
"@types/react": "^18.3.17",
|
|
91
|
-
"@types/react-date-range": "^1.4.9",
|
|
92
|
-
"@types/react-datepicker": "^6.2.0",
|
|
93
|
-
"@types/react-dom": "^18.3.5",
|
|
94
|
-
"@types/react-slick": "^0.23.13",
|
|
95
|
-
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
96
|
-
"@typescript-eslint/parser": "^7.18.0",
|
|
97
|
-
"@vanilla-extract/css-utils": "^0.1.4",
|
|
98
|
-
"@vanilla-extract/recipes": "^0.5.5",
|
|
99
|
-
"@vanilla-extract/vite-plugin": "^4.0.18",
|
|
100
|
-
"@vitejs/plugin-react-swc": "^3.7.2",
|
|
101
|
-
"esbuild-vanilla-image-loader": "^0.1.3",
|
|
102
|
-
"eslint": "^8.57.1",
|
|
103
|
-
"eslint-plugin-react-hooks": "^4.6.2",
|
|
104
|
-
"eslint-plugin-react-refresh": "^0.4.16",
|
|
105
|
-
"eslint-plugin-storybook": "^0.8.0",
|
|
106
|
-
"glob": "^10.4.5",
|
|
107
|
-
"husky": "^9.1.7",
|
|
108
|
-
"next": "^14.1.4",
|
|
109
|
-
"prettier": "3.2.5",
|
|
110
|
-
"react": "^18.3.1",
|
|
111
|
-
"react-dom": "^18.3.1",
|
|
112
|
-
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
113
|
-
"rollup-plugin-svg-import": "^3.0.0",
|
|
114
|
-
"rollup-plugin-svgo": "^2.0.0",
|
|
115
|
-
"storybook": "^8.4.7",
|
|
116
|
-
"typescript": "^5.7.2",
|
|
117
|
-
"typescript-plugin-css-modules": "^5.1.0",
|
|
118
|
-
"vite": "^5.4.11",
|
|
119
|
-
"vite-plugin-dts": "^3.9.1",
|
|
120
|
-
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
121
|
-
"vite-plugin-setting-css-module": "^1.1.4",
|
|
122
|
-
"vite-tsconfig-paths": "^4.3.2"
|
|
123
|
-
},
|
|
124
|
-
"main": "index.js",
|
|
125
|
-
"directories": {
|
|
126
|
-
"lib": "lib"
|
|
127
|
-
},
|
|
128
|
-
"author": "axos-web-dev",
|
|
129
|
-
"license": "ISC"
|
|
130
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@axos-web-dev/shared-components",
|
|
3
|
+
"description": "Axos shared components library for web.",
|
|
4
|
+
"version": "0.0.216",
|
|
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.2.0",
|
|
32
|
+
"@hookform/resolvers": "^3.9.1",
|
|
33
|
+
"@react-input/mask": "^1.2.15",
|
|
34
|
+
"@react-input/number-format": "^1.1.3",
|
|
35
|
+
"@storybook/icons": "^1.3.0",
|
|
36
|
+
"@storybook/preview-api": "^8.4.7",
|
|
37
|
+
"@types/iframe-resizer": "3.5.13",
|
|
38
|
+
"@vanilla-extract/css": "^1.16.1",
|
|
39
|
+
"@vanilla-extract/recipes": "^0.5.1",
|
|
40
|
+
"antd": "^5.22.5",
|
|
41
|
+
"clsx": "^2.1.1",
|
|
42
|
+
"iframe-resizer": "^3.6.6",
|
|
43
|
+
"lodash": "^4.17.21",
|
|
44
|
+
"moment": "^2.30.1",
|
|
45
|
+
"react-date-picker": "^11.0.0",
|
|
46
|
+
"react-date-range": "^2.0.1",
|
|
47
|
+
"react-hook-form": "^7.54.2",
|
|
48
|
+
"react-markdown": "^9.0.1",
|
|
49
|
+
"react-popper": "^2.3.0",
|
|
50
|
+
"react-slick": "^0.30.2",
|
|
51
|
+
"react-use": "^17.6.0",
|
|
52
|
+
"react-wrap-balancer": "^1.1.1",
|
|
53
|
+
"rsuite": "^5.75.0",
|
|
54
|
+
"slick-carousel": "^1.8.1",
|
|
55
|
+
"typed-css-modules": "^0.9.1",
|
|
56
|
+
"vite-plugin-svgr": "^4.3.0",
|
|
57
|
+
"zod": "^3.24.1",
|
|
58
|
+
"zustand": "^4.5.5"
|
|
59
|
+
},
|
|
60
|
+
"peerDependencies": {
|
|
61
|
+
"@vanilla-extract/css-utils": "^0.1.3",
|
|
62
|
+
"@vanilla-extract/recipes": "^0.5.1",
|
|
63
|
+
"@vanilla-extract/vite-plugin": "^4.0.3",
|
|
64
|
+
"next": "^14.1.4",
|
|
65
|
+
"react": "^18.2.0",
|
|
66
|
+
"react-date-range": "^2.0.1",
|
|
67
|
+
"react-dom": "^18.2.0",
|
|
68
|
+
"react-popper": "^2.3.0",
|
|
69
|
+
"react-slick": "^0.30.2",
|
|
70
|
+
"slick-carousel": "^1.8.1"
|
|
71
|
+
},
|
|
72
|
+
"devDependencies": {
|
|
73
|
+
"@chromatic-com/storybook": "^1.9.0",
|
|
74
|
+
"@rollup/plugin-alias": "^5.1.1",
|
|
75
|
+
"@storybook/addon-essentials": "^8.4.7",
|
|
76
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
77
|
+
"@storybook/addon-links": "^8.4.7",
|
|
78
|
+
"@storybook/addon-mdx-gfm": "^8.4.7",
|
|
79
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
|
80
|
+
"@storybook/addon-themes": "^8.4.7",
|
|
81
|
+
"@storybook/blocks": "^8.4.7",
|
|
82
|
+
"@storybook/react": "^8.4.7",
|
|
83
|
+
"@storybook/react-vite": "^8.4.7",
|
|
84
|
+
"@storybook/test": "^8.4.7",
|
|
85
|
+
"@svgr/core": "^8.1.0",
|
|
86
|
+
"@svgr/plugin-prettier": "^8.1.0",
|
|
87
|
+
"@svgr/plugin-svgo": "^8.1.0",
|
|
88
|
+
"@types/lodash": "^4.17.13",
|
|
89
|
+
"@types/node": "^20.17.10",
|
|
90
|
+
"@types/react": "^18.3.17",
|
|
91
|
+
"@types/react-date-range": "^1.4.9",
|
|
92
|
+
"@types/react-datepicker": "^6.2.0",
|
|
93
|
+
"@types/react-dom": "^18.3.5",
|
|
94
|
+
"@types/react-slick": "^0.23.13",
|
|
95
|
+
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
96
|
+
"@typescript-eslint/parser": "^7.18.0",
|
|
97
|
+
"@vanilla-extract/css-utils": "^0.1.4",
|
|
98
|
+
"@vanilla-extract/recipes": "^0.5.5",
|
|
99
|
+
"@vanilla-extract/vite-plugin": "^4.0.18",
|
|
100
|
+
"@vitejs/plugin-react-swc": "^3.7.2",
|
|
101
|
+
"esbuild-vanilla-image-loader": "^0.1.3",
|
|
102
|
+
"eslint": "^8.57.1",
|
|
103
|
+
"eslint-plugin-react-hooks": "^4.6.2",
|
|
104
|
+
"eslint-plugin-react-refresh": "^0.4.16",
|
|
105
|
+
"eslint-plugin-storybook": "^0.8.0",
|
|
106
|
+
"glob": "^10.4.5",
|
|
107
|
+
"husky": "^9.1.7",
|
|
108
|
+
"next": "^14.1.4",
|
|
109
|
+
"prettier": "3.2.5",
|
|
110
|
+
"react": "^18.3.1",
|
|
111
|
+
"react-dom": "^18.3.1",
|
|
112
|
+
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
113
|
+
"rollup-plugin-svg-import": "^3.0.0",
|
|
114
|
+
"rollup-plugin-svgo": "^2.0.0",
|
|
115
|
+
"storybook": "^8.4.7",
|
|
116
|
+
"typescript": "^5.7.2",
|
|
117
|
+
"typescript-plugin-css-modules": "^5.1.0",
|
|
118
|
+
"vite": "^5.4.11",
|
|
119
|
+
"vite-plugin-dts": "^3.9.1",
|
|
120
|
+
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
121
|
+
"vite-plugin-setting-css-module": "^1.1.4",
|
|
122
|
+
"vite-tsconfig-paths": "^4.3.2"
|
|
123
|
+
},
|
|
124
|
+
"main": "index.js",
|
|
125
|
+
"directories": {
|
|
126
|
+
"lib": "lib"
|
|
127
|
+
},
|
|
128
|
+
"author": "axos-web-dev",
|
|
129
|
+
"license": "ISC"
|
|
130
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const datePicker: string;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from 'react';
|
|
2
|
-
|
|
3
|
-
type TClasses = {
|
|
4
|
-
inputDateField?: string;
|
|
5
|
-
};
|
|
6
|
-
type TProps = {
|
|
7
|
-
classes?: TClasses;
|
|
8
|
-
isDisabled?: boolean;
|
|
9
|
-
isInvalid?: boolean;
|
|
10
|
-
locale?: Locale;
|
|
11
|
-
maxDate?: Date | null;
|
|
12
|
-
minDate?: Date | null;
|
|
13
|
-
onChange: (value: Date | null) => void;
|
|
14
|
-
onFieldClear?: (event: SyntheticEvent) => void;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
subTitle?: string;
|
|
17
|
-
title?: string;
|
|
18
|
-
value: Date | null;
|
|
19
|
-
};
|
|
20
|
-
export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
|
|
21
|
-
export {};
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
|
|
4
|
-
import clsx from "clsx";
|
|
5
|
-
import { format } from "date-fns";
|
|
6
|
-
import isNil from "lodash/isNil.js";
|
|
7
|
-
import { memo, createRef, Fragment } from "react";
|
|
8
|
-
import { FORMAT_DATE } from "../utils/constants/format.js";
|
|
9
|
-
import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
|
|
10
|
-
import { usePopover } from "../utils/hooks/usePopover.js";
|
|
11
|
-
import { DatePicker } from "./DatePickerComponents/DatePicker.js";
|
|
12
|
-
import { InputDate } from "./DatePickerComponents/InputDate.js";
|
|
13
|
-
const InputDateFieldComponent = (props) => {
|
|
14
|
-
const {
|
|
15
|
-
classes,
|
|
16
|
-
isDisabled,
|
|
17
|
-
isInvalid,
|
|
18
|
-
locale,
|
|
19
|
-
maxDate,
|
|
20
|
-
minDate,
|
|
21
|
-
onChange,
|
|
22
|
-
onFieldClear,
|
|
23
|
-
placeholder,
|
|
24
|
-
subTitle,
|
|
25
|
-
title,
|
|
26
|
-
value
|
|
27
|
-
} = props;
|
|
28
|
-
const triggerRef = createRef();
|
|
29
|
-
const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
|
|
30
|
-
const date = !isNil(value) ? value : void 0;
|
|
31
|
-
const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
|
|
32
|
-
const minDateValue = !isNil(minDate) ? minDate : void 0;
|
|
33
|
-
const {
|
|
34
|
-
attributes,
|
|
35
|
-
onPopperElement,
|
|
36
|
-
onReferenceElement,
|
|
37
|
-
popoverPosition,
|
|
38
|
-
styles
|
|
39
|
-
} = usePopover({
|
|
40
|
-
triggerRef
|
|
41
|
-
});
|
|
42
|
-
return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
|
|
43
|
-
/* @__PURE__ */ jsx(
|
|
44
|
-
PopoverButton,
|
|
45
|
-
{
|
|
46
|
-
className: "HeadlessPopover-Button",
|
|
47
|
-
ref: onReferenceElement,
|
|
48
|
-
children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
|
|
49
|
-
InputDate,
|
|
50
|
-
{
|
|
51
|
-
isDisabled,
|
|
52
|
-
isInvalid,
|
|
53
|
-
onFieldClear,
|
|
54
|
-
placeholder,
|
|
55
|
-
subTitle,
|
|
56
|
-
title,
|
|
57
|
-
value: formattedValue
|
|
58
|
-
}
|
|
59
|
-
) })
|
|
60
|
-
}
|
|
61
|
-
),
|
|
62
|
-
/* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
|
|
63
|
-
PopoverPanel,
|
|
64
|
-
{
|
|
65
|
-
className: clsx(
|
|
66
|
-
"HeadlessPopover-Panel",
|
|
67
|
-
`HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
|
|
68
|
-
),
|
|
69
|
-
ref: onPopperElement,
|
|
70
|
-
style: styles.popper,
|
|
71
|
-
...attributes.popper,
|
|
72
|
-
children: ({ close }) => /* @__PURE__ */ jsx(
|
|
73
|
-
TransitionChild,
|
|
74
|
-
{
|
|
75
|
-
enter: "HeadlessPopover-Transition__enter",
|
|
76
|
-
enterFrom: "HeadlessPopover-Transition__enterFrom",
|
|
77
|
-
enterTo: "HeadlessPopover-Transition__enterTo",
|
|
78
|
-
leave: "HeadlessPopover-Transition__leave",
|
|
79
|
-
leaveFrom: "HeadlessPopover-Transition__leaveFrom",
|
|
80
|
-
leaveTo: "HeadlessPopover-Transition__leaveTo",
|
|
81
|
-
children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
|
|
82
|
-
DatePicker,
|
|
83
|
-
{
|
|
84
|
-
locale,
|
|
85
|
-
maxDate: maxDateValue,
|
|
86
|
-
minDate: minDateValue,
|
|
87
|
-
onChange: (date2) => {
|
|
88
|
-
onChange(date2);
|
|
89
|
-
close();
|
|
90
|
-
},
|
|
91
|
-
value: date
|
|
92
|
-
}
|
|
93
|
-
) })
|
|
94
|
-
}
|
|
95
|
-
)
|
|
96
|
-
}
|
|
97
|
-
) })
|
|
98
|
-
] }) });
|
|
99
|
-
};
|
|
100
|
-
const InputDateField = memo(InputDateFieldComponent);
|
|
101
|
-
export {
|
|
102
|
-
InputDateField
|
|
103
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CalendarProps } from 'react-date-range';
|
|
2
|
-
|
|
3
|
-
type TProps = {
|
|
4
|
-
locale?: Locale;
|
|
5
|
-
maxDate?: Date;
|
|
6
|
-
minDate?: Date;
|
|
7
|
-
onChange?: (date: Date) => void;
|
|
8
|
-
value?: Date;
|
|
9
|
-
} & CalendarProps;
|
|
10
|
-
export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
|
|
11
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from "react";
|
|
3
|
-
import { Calendar } from "react-date-range";
|
|
4
|
-
/* empty css */
|
|
5
|
-
/* empty css */
|
|
6
|
-
const DatePickerComponent = (props) => {
|
|
7
|
-
const { locale, onChange, value } = props;
|
|
8
|
-
return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
|
|
9
|
-
};
|
|
10
|
-
const DatePicker = memo(DatePickerComponent);
|
|
11
|
-
export {
|
|
12
|
-
DatePicker
|
|
13
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from 'react';
|
|
2
|
-
|
|
3
|
-
type TProps = {
|
|
4
|
-
className?: string;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
isInvalid?: boolean;
|
|
7
|
-
onClick?: (event: SyntheticEvent) => void;
|
|
8
|
-
onFieldClear?: (event: SyntheticEvent) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
subTitle?: string;
|
|
11
|
-
title?: string;
|
|
12
|
-
value?: string | null;
|
|
13
|
-
};
|
|
14
|
-
export declare const InputDate: import('react').NamedExoticComponent<TProps>;
|
|
15
|
-
export {};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
import { memo } from "react";
|
|
5
|
-
const InputDateComponent = (props) => {
|
|
6
|
-
const {
|
|
7
|
-
className,
|
|
8
|
-
isDisabled,
|
|
9
|
-
isInvalid,
|
|
10
|
-
onClick,
|
|
11
|
-
onFieldClear,
|
|
12
|
-
placeholder,
|
|
13
|
-
subTitle,
|
|
14
|
-
title,
|
|
15
|
-
value
|
|
16
|
-
} = props;
|
|
17
|
-
return /* @__PURE__ */ jsxs(
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: clsx("InputDate", className, {
|
|
21
|
-
InputDate__isDisabled: isDisabled,
|
|
22
|
-
InputDate__isInvalid: isInvalid && !isDisabled
|
|
23
|
-
}),
|
|
24
|
-
onClick: !isDisabled ? onClick : void 0,
|
|
25
|
-
children: [
|
|
26
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
|
|
27
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
|
|
28
|
-
title,
|
|
29
|
-
" "
|
|
30
|
-
] }),
|
|
31
|
-
/* @__PURE__ */ jsxs(
|
|
32
|
-
"div",
|
|
33
|
-
{
|
|
34
|
-
className: clsx("InputDate-IconWrapper", {
|
|
35
|
-
"InputDate-IconWrapper__isFocusable": !isDisabled
|
|
36
|
-
}),
|
|
37
|
-
children: [
|
|
38
|
-
/* @__PURE__ */ jsx(
|
|
39
|
-
"div",
|
|
40
|
-
{
|
|
41
|
-
className: clsx("InputDate-Text", {
|
|
42
|
-
"InputDate-Text__isFilled": value && !isDisabled,
|
|
43
|
-
"InputDate-Text__isPlaceholder": !value
|
|
44
|
-
}),
|
|
45
|
-
children: value ?? placeholder
|
|
46
|
-
}
|
|
47
|
-
),
|
|
48
|
-
value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
|
|
49
|
-
/* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
|
|
50
|
-
]
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
/* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
|
|
54
|
-
] }),
|
|
55
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
|
|
56
|
-
subTitle,
|
|
57
|
-
" "
|
|
58
|
-
] })
|
|
59
|
-
]
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
const InputDate = memo(InputDateComponent);
|
|
64
|
-
export {
|
|
65
|
-
InputDate
|
|
66
|
-
};
|