@axos-web-dev/shared-components 2.0.0-queryparams.2 → 2.2.0

package/package.json

@@ -1,149 +1,148 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "2.0.0-queryparams.2",
-  "type": "module",
-  "main": "index.js",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/main.d.ts",
-      "import": "./dist/main.js"
-    },
-    "./styles.css": "./dist/assets/index.css",
-    "./globals.css": "./dist/assets/globals.css",
-    "./themes/axos.css": "./dist/assets/themes/axos.css",
-    "./themes/premier.css": "./dist/assets/themes/premier.css",
-    "./dist/*": "./dist/*"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --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 .",
-    "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.2.0",
-    "@hookform/resolvers": "^5.0.1",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@ts-stack/markdown": "^1.5.0",
-    "@types/iframe-resizer": "3.5.13",
-    "@ujet/websdk-headless": "^3.41.4",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "or": "^0.2.0",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.56.4",
-    "react-markdown": "^9.1.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "remark-gfm": "^4.0.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
-    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@eslint/js": "^9.39.4",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^19.0.0",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^9.0.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "next": "^16.0.0",
-    "prettier": "3.2.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.57.0",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "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"
-  },
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "2.2.0",
+  "type": "module",
+  "main": "index.js",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --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 .",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@ts-stack/markdown": "^1.5.0",
+    "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^3.41.4",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.56.4",
+    "react-markdown": "^9.1.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.39.4",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^19.0.0",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "globals": "^15.15.0",
+    "husky": "^9.1.7",
+    "next": "^16.0.0",
+    "prettier": "3.2.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.57.0",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "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"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}

package/dist/utils/samePageNavigation.d.ts

@@ -1,3 +0,0 @@
-export declare const isSamePageSameQueryUrl: (href: string) => boolean;
-export declare const handleSamePageNavigation: (e: React.MouseEvent) => void;
-export declare const shouldIgnoreClick: (href: string) => boolean;

package/dist/utils/samePageNavigation.js

@@ -1,23 +0,0 @@
-const isSamePageSameQueryUrl = (href) => {
-  const base = window.location.origin + window.location.pathname + window.location.search;
-  const target = new URL(href, base);
-  return target.origin === window.location.origin && target.pathname === window.location.pathname && target.search === window.location.search;
-};
-const handleSamePageNavigation = (e) => {
-  e.preventDefault();
-  e.nativeEvent.stopImmediatePropagation();
-  window.dispatchEvent(
-    new PopStateEvent("popstate", { state: window.history.state })
-  );
-};
-const shouldIgnoreClick = (href) => {
-  if (href.startsWith("#")) return true;
-  const base = window.location.origin + window.location.pathname + window.location.search;
-  const target = new URL(href, base);
-  return target.origin === window.location.origin && target.pathname === window.location.pathname && target.search === window.location.search && target.hash !== "";
-};
-export {
-  handleSamePageNavigation,
-  isSamePageSameQueryUrl,
-  shouldIgnoreClick
-};

package/dist/utils/samePageQueryParamsNavigation.d.ts

@@ -1,4 +0,0 @@
-export declare function mergeHrefWithCurrentSearch(href: string, currentSearch?: string): string;
-export declare function isSkippableAnchorHref(href: string | undefined | null): boolean;
-export declare function isInternalSamePathHref(href: string): boolean;
-export declare function performSamePageQueryParamNavigation(mergedHref: string): void;

package/dist/utils/samePageQueryParamsNavigation.js

@@ -1,63 +0,0 @@
-function mergeHrefWithCurrentSearch(href, currentSearch) {
-  try {
-    const search = currentSearch ?? window.location.search;
-    const searchParams = new URLSearchParams(search);
-    const base = window.location.origin + window.location.pathname + window.location.search;
-    const url = new URL(href.trim(), base);
-    const existingParams = new URLSearchParams(url.search);
-    const newParams = new URLSearchParams();
-    const addedKeys = /* @__PURE__ */ new Set();
-    for (const key of existingParams.keys()) {
-      addedKeys.add(decodeURIComponent(key));
-    }
-    for (const [key, value] of searchParams.entries()) {
-      const decodedKey = decodeURIComponent(key);
-      const decodedValue = decodeURIComponent(value);
-      const lowerKey = decodedKey.toLowerCase();
-      if (!addedKeys.has(lowerKey) && !decodedKey.includes("[]")) {
-        newParams.append(lowerKey, decodedValue);
-        addedKeys.add(lowerKey);
-      } else if (decodedKey.includes("[]")) {
-        const existingValues = existingParams.getAll(key).map(decodeURIComponent);
-        if (!existingValues.includes(decodedValue)) {
-          newParams.append(decodedKey, decodedValue);
-        }
-      }
-    }
-    const mergedParams = new URLSearchParams(existingParams);
-    newParams.forEach((value, key) => mergedParams.append(key, value));
-    return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
-  } catch (e) {
-    console.error(e);
-    return href;
-  }
-}
-function isSkippableAnchorHref(href) {
-  if (!href) return true;
-  const h = href.trim();
-  return !h || h.startsWith("tel:") || h.startsWith("mailto:") || h === "#" || h === "" || h.startsWith("#");
-}
-function isInternalSamePathHref(href) {
-  if (isSkippableAnchorHref(href)) return false;
-  const base = window.location.origin + window.location.pathname + window.location.search;
-  const url = new URL(href.trim(), base);
-  return url.origin === window.location.origin && url.pathname === window.location.pathname;
-}
-function performSamePageQueryParamNavigation(mergedHref) {
-  const mergedUrl = new URL(mergedHref, window.location.origin);
-  const fullUrl = `${mergedUrl.pathname}${mergedUrl.search}${mergedUrl.hash}`;
-  window.history.replaceState({ ...window.history.state }, "", fullUrl);
-  window.dispatchEvent(
-    new PopStateEvent("popstate", { state: window.history.state })
-  );
-  if (mergedUrl.hash) {
-    const el = document.querySelector(mergedUrl.hash);
-    el?.scrollIntoView({ behavior: "smooth" });
-  }
-}
-export {
-  isInternalSamePathHref,
-  isSkippableAnchorHref,
-  mergeHrefWithCurrentSearch,
-  performSamePageQueryParamNavigation
-};