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

package/dist/themes/premier.css.js

@@ -1,5 +1,5 @@
-/* empty css                        */
-/* empty css                           */
+/* empty css                                    */
+/* empty css                                       */
 var premierTheme = "_1es6o1h0";
 export {
   premierTheme

package/dist/types/icon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+
+export type TIconProps = SVGProps<SVGSVGElement>;

package/dist/types/icon.js

@@ -0,0 +1 @@
+

package/dist/types/popover.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type TPopoverPosition = "left" | "center" | "right";
+export type TPopoverProps = {
+    children?: ReactNode;
+    trigger: ReactNode | ReactNode[];
+    position?: TPopoverPosition;
+};

package/dist/types/popover.js

@@ -0,0 +1 @@
+

package/dist/utils/RetainQueryLink.d.ts

@@ -0,0 +1,11 @@
+import { LinkProps } from 'next/link';
+import { PropsWithChildren } from 'react';
+
+interface RetainQueryLinkProps extends LinkProps {
+    id?: string;
+    role?: string;
+    onKeyDown?: any;
+    className?: string;
+}
+declare const RetainQueryLink: ({ href, ...props }: RetainQueryLinkProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export default RetainQueryLink;

package/dist/utils/RetainQueryLink.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link.js";
+import { useSearchParams } from "next/navigation.js";
+const RetainQueryLink = ({
+  href,
+  ...props
+}) => {
+  const params = useSearchParams().toString();
+  const url = params ? `${href}?${params}` : href;
+  return /* @__PURE__ */ jsx(Link, { ...props, href: url });
+};
+export {
+  RetainQueryLink as default
+};

package/dist/utils/allowedAxosDomains.js

@@ -3,7 +3,7 @@ const moreDomains = {
   "{AXOSBANK}": process.env.AXOS_BANK_URL || "https://www.axosbank.com",
   "{AXOSCLEARING}": process.env.CLEARING_URL || "https://axosclearing.com",
   "{AAS}": process.env.AAS_URL || "https://www.axosadvisorservices.com",
-  "{AXA}": process.env.AAS_URL || "https://www.axosadvisor.com",
+  "{AXA}": process.env.AXA_URL || "https://www.axosadvisor.com",
   "{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
   "{NATIONWIDE}": process.env.NATIOWIDE_URL || "https://www.nationwide.axosbank.com",
   "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
@@ -34,7 +34,7 @@ const moreDomains = {
   "{AXMWDJ}": process.env.AXOS_MY_WORK_DAY_JOBS ?? "https://axos.wd5.myworkdayjobs.com/Axos",
   "{AXMHA}": process.env.AXOS_MY_HOME_ADVANTAGE ?? "https://axos.myhomeadvantage.com",
   "{AXTPL}": process.env.AXOS_THIRD_PARTY_LENDING ?? "https://thirdpartylending.axosbank.com",
-  "{AXBHUBSVIDYARD}": process.env.AAS_URL || "https://www.axosbank.hubs.vidyard.com"
+  "{AXBHUBSVIDYARD}": process.env.AXBHUBSVIDYARD_URL || "https://www.axosbank.hubs.vidyard.com"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/dist/utils/constants/format.d.ts

@@ -0,0 +1 @@
+export declare const FORMAT_DATE = "MM.dd.yyyy";

package/dist/utils/constants/format.js

@@ -0,0 +1,4 @@
+const FORMAT_DATE = "MM.dd.yyyy";
+export {
+  FORMAT_DATE
+};

package/dist/utils/constants/popper.d.ts

@@ -0,0 +1,6 @@
+export declare const POPOVER_WIDTH = 512;
+export declare const POPOVER_POSITION_STYLES: {
+    left: string;
+    center: string;
+    right: string;
+};

package/dist/utils/constants/popper.js

@@ -0,0 +1,10 @@
+const POPOVER_WIDTH = 512;
+const POPOVER_POSITION_STYLES = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
+export {
+  POPOVER_POSITION_STYLES,
+  POPOVER_WIDTH
+};

package/dist/utils/hooks/usePopover.d.ts

@@ -0,0 +1,25 @@
+import { TPopoverPosition } from '../../types/popover';
+import { CSSProperties, Dispatch, RefObject, SetStateAction } from 'react';
+
+type TUsePopoverResponse = {
+    attributes: {
+        [p: string]: {
+            [p: string]: string;
+        } | undefined;
+    };
+    onPopperElement: Dispatch<SetStateAction<HTMLDivElement | null | undefined>>;
+    onPopoverPosition: Dispatch<SetStateAction<TPopoverPosition>>;
+    onReferenceElement: Dispatch<SetStateAction<HTMLButtonElement | null | undefined>>;
+    popperElement?: HTMLDivElement | null | undefined;
+    popoverPosition: TPopoverPosition;
+    referenceElement?: HTMLButtonElement | null | undefined;
+    styles: {
+        [p: string]: CSSProperties;
+    };
+};
+type TProps = {
+    triggerRef: RefObject<HTMLDivElement>;
+};
+type TUsePopover = (props: TProps) => TUsePopoverResponse;
+export declare const usePopover: TUsePopover;
+export {};

package/dist/utils/hooks/usePopover.js

@@ -0,0 +1,64 @@
+"use client";
+import { useState, useEffect } from "react";
+import { usePopper } from "react-popper";
+import { POPOVER_WIDTH } from "../constants/popper.js";
+const usePopover = (props) => {
+  const { triggerRef } = props;
+  const position = "center";
+  const [popperElement, setPopperElement] = useState(null);
+  const [popoverPosition, setPopoverPosition] = useState(position);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const { styles, attributes } = usePopper(referenceElement, popperElement, {
+    modifiers: [
+      {
+        name: "flip",
+        options: {
+          altBoundary: true
+        }
+      },
+      {
+        name: "offset",
+        options: {
+          offset: [0, 12]
+        }
+      },
+      {
+        name: "preventOverflow",
+        options: {
+          altBoundary: true,
+          padding: 12
+        }
+      }
+    ]
+  });
+  useEffect(() => {
+    if (triggerRef.current && !position) {
+      const { right, width } = triggerRef.current.getBoundingClientRect();
+      const bodyWidth = document.body.clientWidth;
+      const centerWidth = POPOVER_WIDTH / 2;
+      const triggerCenter = right - width / 2;
+      const rightSize = bodyWidth - triggerCenter;
+      const isRight = rightSize < centerWidth;
+      const isLeft = centerWidth > triggerCenter;
+      if (isRight) {
+        setPopoverPosition("right");
+      }
+      if (isLeft) {
+        setPopoverPosition("left");
+      }
+    }
+  }, []);
+  return {
+    attributes,
+    onPopperElement: setPopperElement,
+    onPopoverPosition: setPopoverPosition,
+    onReferenceElement: setReferenceElement,
+    popperElement,
+    popoverPosition,
+    referenceElement,
+    styles
+  };
+};
+export {
+  usePopover
+};

package/package.json

@@ -1,131 +1,131 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.172",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@hookform/resolvers": "^3.9.0",
-    "@react-input/mask": "^1.2.11",
-    "@react-input/number-format": "^1.1.1",
-    "@storybook/icons": "^1.2.12",
-    "@storybook/preview-api": "^8.3.5",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.0",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.21.5",
-    "clsx": "^2.1.1",
-    "iframe-resizer": "4.3.11",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.53.1",
-    "react-date-range": "^2.0.1",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.5.1",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.72.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.8",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.8.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.10",
-    "@types/node": "^20.16.10",
-    "@types/react": "^18.3.11",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.15",
-    "@vitejs/plugin-react-swc": "^3.7.0",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.6",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.2.9",
-    "typescript": "^5.6.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "0.0.173",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.1.10",
+    "@hookform/resolvers": "^3.9.0",
+    "@react-input/mask": "^1.2.11",
+    "@react-input/number-format": "^1.1.1",
+    "@storybook/icons": "^1.2.12",
+    "@storybook/preview-api": "^8.3.5",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.0",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.21.5",
+    "clsx": "^2.1.1",
+    "iframe-resizer": "4.3.11",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-hook-form": "^7.53.1",
+    "react-date-range": "^2.0.1",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.5.1",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.72.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.23.8",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@headlessui/react": "^2.1.10",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.8.0",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.10",
+    "@types/node": "^20.16.10",
+    "@types/react": "^18.3.11",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.15",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.6",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.2.9",
+    "typescript": "^5.6.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}