@dnanpm/ui-components 0.5.0 → 0.7.0

package/dist/components/MainNavigation/MainNavigation.utils.cjs

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const relativeNavigationBaseUrl = "https://navigation.local";
+const safeLinkProtocols = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+const isDesktopViewportByEnvironment = (windowObject) => {
+  if (windowObject == null) {
+    return false;
+  }
+  if (typeof windowObject.matchMedia === "function") {
+    return windowObject.matchMedia("(min-width: 1024px)").matches;
+  }
+  return windowObject.innerWidth >= 1024;
+};
+const isMobileViewportByEnvironment = (windowObject) => {
+  if (windowObject == null) {
+    return false;
+  }
+  if (typeof windowObject.matchMedia === "function") {
+    return windowObject.matchMedia("(max-width: 1023px)").matches;
+  }
+  return windowObject.innerWidth < 1024;
+};
+const isMobileIosDeviceByEnvironment = (windowObject, navigatorObject) => {
+  if (windowObject == null || navigatorObject == null) {
+    return false;
+  }
+  const isIOS = /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !("MSStream" in windowObject);
+  return isIOS && windowObject.innerWidth < 768;
+};
+const isExternalTarget = (target) => target === "_blank";
+const isExternalLink = (link) => {
+  if (link.external != null) {
+    return link.external;
+  }
+  return isExternalTarget(link.target);
+};
+const getLinkRel = (target) => isExternalTarget(target) ? "noopener noreferrer" : void 0;
+const getLinkTarget = (target) => isExternalTarget(target) ? "_blank" : void 0;
+const normalizePathname = (value) => {
+  const path = value.split("?")[0].split("#")[0] || "/";
+  const withLeadingSlash = path.startsWith("/") ? path : `/${path}`;
+  if (withLeadingSlash === "/") {
+    return "/";
+  }
+  return withLeadingSlash.replace(/\/+$/, "");
+};
+const toNavigableHref = (href) => {
+  const normalizedHref = href.trim();
+  if (normalizedHref === "") {
+    return "#";
+  }
+  const hrefWithProtocol = normalizedHref.toLowerCase().startsWith("www.") ? `https://${normalizedHref}` : normalizedHref;
+  if (hrefWithProtocol.startsWith("./") || hrefWithProtocol.startsWith("../")) {
+    return hrefWithProtocol;
+  }
+  if (hrefWithProtocol.startsWith("/") || hrefWithProtocol.startsWith("#") || hrefWithProtocol.startsWith("?")) {
+    return hrefWithProtocol;
+  }
+  const hasScheme = /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(hrefWithProtocol);
+  if (!hasScheme) {
+    return hrefWithProtocol;
+  }
+  try {
+    const protocol = new URL(
+      hrefWithProtocol,
+      relativeNavigationBaseUrl
+    ).protocol.toLowerCase();
+    if (safeLinkProtocols.has(protocol)) {
+      return hrefWithProtocol;
+    }
+  } catch {
+    return "#";
+  }
+  return "#";
+};
+const toPathname = (href) => {
+  if (href == null || href.trim() === "" || href === "#") {
+    return null;
+  }
+  if (href.startsWith("/")) {
+    return normalizePathname(href);
+  }
+  try {
+    return normalizePathname(new URL(href).pathname);
+  } catch {
+    return normalizePathname(href);
+  }
+};
+const matchesPath = (currentPathname, linkPathname) => {
+  if (linkPathname === "/") {
+    return currentPathname === "/";
+  }
+  return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);
+};
+const isLinkInCurrentPath = (link, currentPathname) => {
+  if (link.current) {
+    return true;
+  }
+  if (isExternalLink(link)) {
+    return false;
+  }
+  if (currentPathname == null) {
+    return false;
+  }
+  const linkPathname = toPathname(toNavigableHref(link.href));
+  if (linkPathname == null) {
+    return false;
+  }
+  return matchesPath(normalizePathname(currentPathname), linkPathname);
+};
+const hasHref = (item) => typeof item.href === "string" && item.href.trim().length > 0;
+const isItemInCurrentPath = (item, currentPathname) => {
+  if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {
+    return true;
+  }
+  if (item.panel?.columns?.some(
+    (column) => column.links.some((link) => isLinkInCurrentPath(link, currentPathname))
+  )) {
+    return true;
+  }
+  return item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ?? false;
+};
+const isLinkInCurrentPage = (link, currentPathname) => {
+  if (link.current) {
+    return true;
+  }
+  if (isExternalLink(link)) {
+    return false;
+  }
+  if (currentPathname == null) {
+    return false;
+  }
+  const linkPathname = toPathname(toNavigableHref(link.href));
+  if (linkPathname == null) {
+    return false;
+  }
+  return normalizePathname(currentPathname) === linkPathname;
+};
+const isRefObject = (target) => typeof target === "object" && target !== null && "current" in target;
+const assignRef = (target, value) => {
+  if (target == null) {
+    return;
+  }
+  if (typeof target === "function") {
+    target(value);
+    return;
+  }
+  if (isRefObject(target)) {
+    target.current = value;
+  }
+};
+exports.assignRef = assignRef;
+exports.getLinkRel = getLinkRel;
+exports.getLinkTarget = getLinkTarget;
+exports.hasHref = hasHref;
+exports.isDesktopViewportByEnvironment = isDesktopViewportByEnvironment;
+exports.isExternalLink = isExternalLink;
+exports.isExternalTarget = isExternalTarget;
+exports.isItemInCurrentPath = isItemInCurrentPath;
+exports.isLinkInCurrentPage = isLinkInCurrentPage;
+exports.isLinkInCurrentPath = isLinkInCurrentPath;
+exports.isMobileIosDeviceByEnvironment = isMobileIosDeviceByEnvironment;
+exports.isMobileViewportByEnvironment = isMobileViewportByEnvironment;
+exports.matchesPath = matchesPath;
+exports.normalizePathname = normalizePathname;
+exports.toNavigableHref = toNavigableHref;
+exports.toPathname = toPathname;
+//# sourceMappingURL=MainNavigation.utils.cjs.map

package/dist/components/MainNavigation/MainNavigation.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavigation.utils.cjs","sources":["../../../src/components/MainNavigation/MainNavigation.utils.ts"],"sourcesContent":["import type { Ref } from 'react';\nimport type { MainNavigationItem, MainNavigationLink } from './MainNavigation.types';\n\nconst relativeNavigationBaseUrl = 'https://navigation.local';\nconst safeLinkProtocols = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nexport type MainNavigationWindowLike = {\n    innerWidth: number;\n    matchMedia?: (query: string) => Pick<MediaQueryList, 'matches'>;\n    MSStream?: unknown;\n};\n\nexport type MainNavigationNavigatorLike = {\n    userAgent: string;\n};\n\nexport const isDesktopViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(min-width: 1024px)').matches;\n    }\n\n    return windowObject.innerWidth >= 1024;\n};\n\nexport const isMobileViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(max-width: 1023px)').matches;\n    }\n\n    return windowObject.innerWidth < 1024;\n};\n\nexport const isMobileIosDeviceByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n    navigatorObject: MainNavigationNavigatorLike | undefined,\n) => {\n    if (windowObject == null || navigatorObject == null) {\n        return false;\n    }\n\n    const isIOS =\n        /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !('MSStream' in windowObject);\n    return isIOS && windowObject.innerWidth < 768;\n};\n\nexport const isExternalTarget = (target?: string) => target === '_blank';\n\nexport const isExternalLink = (link: Pick<MainNavigationLink, 'target' | 'external'>) => {\n    if (link.external != null) {\n        return link.external;\n    }\n\n    return isExternalTarget(link.target);\n};\n\nexport const getLinkRel = (target?: string) =>\n    isExternalTarget(target) ? 'noopener noreferrer' : undefined;\n\nexport const getLinkTarget = (target?: string) => (isExternalTarget(target) ? '_blank' : undefined);\n\nexport const normalizePathname = (value: string) => {\n    const path = value.split('?')[0].split('#')[0] || '/';\n    const withLeadingSlash = path.startsWith('/') ? path : `/${path}`;\n\n    if (withLeadingSlash === '/') {\n        return '/';\n    }\n\n    return withLeadingSlash.replace(/\\/+$/, '');\n};\n\nexport const toNavigableHref = (href: string) => {\n    const normalizedHref = href.trim();\n\n    if (normalizedHref === '') {\n        return '#';\n    }\n\n    const hrefWithProtocol = normalizedHref.toLowerCase().startsWith('www.')\n        ? `https://${normalizedHref}`\n        : normalizedHref;\n\n    if (hrefWithProtocol.startsWith('./') || hrefWithProtocol.startsWith('../')) {\n        return hrefWithProtocol;\n    }\n\n    if (\n        hrefWithProtocol.startsWith('/') ||\n        hrefWithProtocol.startsWith('#') ||\n        hrefWithProtocol.startsWith('?')\n    ) {\n        return hrefWithProtocol;\n    }\n\n    const hasScheme = /^[a-zA-Z][a-zA-Z\\d+\\-.]*:/.test(hrefWithProtocol);\n\n    if (!hasScheme) {\n        return hrefWithProtocol;\n    }\n\n    try {\n        const protocol = new URL(\n            hrefWithProtocol,\n            relativeNavigationBaseUrl,\n        ).protocol.toLowerCase();\n        if (safeLinkProtocols.has(protocol)) {\n            return hrefWithProtocol;\n        }\n    } catch {\n        return '#';\n    }\n\n    return '#';\n};\n\nexport const toPathname = (href?: string) => {\n    if (href == null || href.trim() === '' || href === '#') {\n        return null;\n    }\n\n    if (href.startsWith('/')) {\n        return normalizePathname(href);\n    }\n\n    try {\n        return normalizePathname(new URL(href).pathname);\n    } catch {\n        return normalizePathname(href);\n    }\n};\n\nexport const matchesPath = (currentPathname: string, linkPathname: string) => {\n    if (linkPathname === '/') {\n        return currentPathname === '/';\n    }\n\n    return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);\n};\n\nexport const isLinkInCurrentPath = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return matchesPath(normalizePathname(currentPathname), linkPathname);\n};\n\nexport const hasHref = (item: MainNavigationItem): item is MainNavigationItem & { href: string } =>\n    typeof item.href === 'string' && item.href.trim().length > 0;\n\nexport const isItemInCurrentPath = (item: MainNavigationItem, currentPathname?: string) => {\n    if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {\n        return true;\n    }\n\n    if (\n        item.panel?.columns?.some((column) =>\n            column.links.some((link) => isLinkInCurrentPath(link, currentPathname)),\n        )\n    ) {\n        return true;\n    }\n\n    return (\n        item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ??\n        false\n    );\n};\n\nexport const isLinkInCurrentPage = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return normalizePathname(currentPathname) === linkPathname;\n};\n\nconst isRefObject = <T>(target: Ref<T>): target is { current: T | null } =>\n    typeof target === 'object' && target !== null && 'current' in target;\n\nexport const assignRef = <T>(target: Ref<T> | undefined, value: T | null) => {\n    if (target == null) {\n        return;\n    }\n\n    if (typeof target === 'function') {\n        target(value);\n        return;\n    }\n\n    if (isRefObject(target)) {\n        target.current = value;\n    }\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MainNavigation/MainNavigation.utils.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'react';
+import { MainNavigationItem, MainNavigationLink } from './MainNavigation.types';
+export type MainNavigationWindowLike = {
+    innerWidth: number;
+    matchMedia?: (query: string) => Pick<MediaQueryList, 'matches'>;
+    MSStream?: unknown;
+};
+export type MainNavigationNavigatorLike = {
+    userAgent: string;
+};
+export declare const isDesktopViewportByEnvironment: (windowObject: MainNavigationWindowLike | undefined) => boolean;
+export declare const isMobileViewportByEnvironment: (windowObject: MainNavigationWindowLike | undefined) => boolean;
+export declare const isMobileIosDeviceByEnvironment: (windowObject: MainNavigationWindowLike | undefined, navigatorObject: MainNavigationNavigatorLike | undefined) => boolean;
+export declare const isExternalTarget: (target?: string) => target is "_blank";
+export declare const isExternalLink: (link: Pick<MainNavigationLink, "target" | "external">) => boolean;
+export declare const getLinkRel: (target?: string) => "noopener noreferrer" | undefined;
+export declare const getLinkTarget: (target?: string) => "_blank" | undefined;
+export declare const normalizePathname: (value: string) => string;
+export declare const toNavigableHref: (href: string) => string;
+export declare const toPathname: (href?: string) => string | null;
+export declare const matchesPath: (currentPathname: string, linkPathname: string) => boolean;
+export declare const isLinkInCurrentPath: (link: MainNavigationLink, currentPathname?: string) => boolean;
+export declare const hasHref: (item: MainNavigationItem) => item is MainNavigationItem & {
+    href: string;
+};
+export declare const isItemInCurrentPath: (item: MainNavigationItem, currentPathname?: string) => boolean;
+export declare const isLinkInCurrentPage: (link: MainNavigationLink, currentPathname?: string) => boolean;
+export declare const assignRef: <T>(target: Ref<T> | undefined, value: T | null) => void;
+//# sourceMappingURL=MainNavigation.utils.d.ts.map

package/dist/components/MainNavigation/MainNavigation.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavigation.utils.d.ts","sourceRoot":"","sources":["../../../src/components/MainNavigation/MainNavigation.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAKrF,MAAM,MAAM,wBAAwB,GAAG;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACvC,cAAc,wBAAwB,GAAG,SAAS,YAWrD,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACtC,cAAc,wBAAwB,GAAG,SAAS,YAWrD,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACvC,cAAc,wBAAwB,GAAG,SAAS,EAClD,iBAAiB,2BAA2B,GAAG,SAAS,YAS3D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,uBAAwB,CAAC;AAEzE,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,YAMnF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,sCACsB,CAAC;AAEjE,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,yBAAsD,CAAC;AAEpG,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,WAS9C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,WA0C3C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,kBAcvC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iBAAiB,MAAM,EAAE,cAAc,MAAM,YAMxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,kBAAkB,EAAE,kBAAkB,MAAM,YAoBrF,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,MAAM,kBAAkB,KAAG,IAAI,IAAI,kBAAkB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAC9B,CAAC;AAEjE,eAAO,MAAM,mBAAmB,GAAI,MAAM,kBAAkB,EAAE,kBAAkB,MAAM,YAiBrF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,kBAAkB,EAAE,kBAAkB,MAAM,YAoBrF,CAAC;AAKF,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,GAAG,IAAI,SAavE,CAAC"}

package/dist/components/MainNavigation/MainNavigation.utils.js

@@ -0,0 +1,168 @@
+const relativeNavigationBaseUrl = "https://navigation.local";
+const safeLinkProtocols = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+const isDesktopViewportByEnvironment = (windowObject) => {
+  if (windowObject == null) {
+    return false;
+  }
+  if (typeof windowObject.matchMedia === "function") {
+    return windowObject.matchMedia("(min-width: 1024px)").matches;
+  }
+  return windowObject.innerWidth >= 1024;
+};
+const isMobileViewportByEnvironment = (windowObject) => {
+  if (windowObject == null) {
+    return false;
+  }
+  if (typeof windowObject.matchMedia === "function") {
+    return windowObject.matchMedia("(max-width: 1023px)").matches;
+  }
+  return windowObject.innerWidth < 1024;
+};
+const isMobileIosDeviceByEnvironment = (windowObject, navigatorObject) => {
+  if (windowObject == null || navigatorObject == null) {
+    return false;
+  }
+  const isIOS = /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !("MSStream" in windowObject);
+  return isIOS && windowObject.innerWidth < 768;
+};
+const isExternalTarget = (target) => target === "_blank";
+const isExternalLink = (link) => {
+  if (link.external != null) {
+    return link.external;
+  }
+  return isExternalTarget(link.target);
+};
+const getLinkRel = (target) => isExternalTarget(target) ? "noopener noreferrer" : void 0;
+const getLinkTarget = (target) => isExternalTarget(target) ? "_blank" : void 0;
+const normalizePathname = (value) => {
+  const path = value.split("?")[0].split("#")[0] || "/";
+  const withLeadingSlash = path.startsWith("/") ? path : `/${path}`;
+  if (withLeadingSlash === "/") {
+    return "/";
+  }
+  return withLeadingSlash.replace(/\/+$/, "");
+};
+const toNavigableHref = (href) => {
+  const normalizedHref = href.trim();
+  if (normalizedHref === "") {
+    return "#";
+  }
+  const hrefWithProtocol = normalizedHref.toLowerCase().startsWith("www.") ? `https://${normalizedHref}` : normalizedHref;
+  if (hrefWithProtocol.startsWith("./") || hrefWithProtocol.startsWith("../")) {
+    return hrefWithProtocol;
+  }
+  if (hrefWithProtocol.startsWith("/") || hrefWithProtocol.startsWith("#") || hrefWithProtocol.startsWith("?")) {
+    return hrefWithProtocol;
+  }
+  const hasScheme = /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(hrefWithProtocol);
+  if (!hasScheme) {
+    return hrefWithProtocol;
+  }
+  try {
+    const protocol = new URL(
+      hrefWithProtocol,
+      relativeNavigationBaseUrl
+    ).protocol.toLowerCase();
+    if (safeLinkProtocols.has(protocol)) {
+      return hrefWithProtocol;
+    }
+  } catch {
+    return "#";
+  }
+  return "#";
+};
+const toPathname = (href) => {
+  if (href == null || href.trim() === "" || href === "#") {
+    return null;
+  }
+  if (href.startsWith("/")) {
+    return normalizePathname(href);
+  }
+  try {
+    return normalizePathname(new URL(href).pathname);
+  } catch {
+    return normalizePathname(href);
+  }
+};
+const matchesPath = (currentPathname, linkPathname) => {
+  if (linkPathname === "/") {
+    return currentPathname === "/";
+  }
+  return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);
+};
+const isLinkInCurrentPath = (link, currentPathname) => {
+  if (link.current) {
+    return true;
+  }
+  if (isExternalLink(link)) {
+    return false;
+  }
+  if (currentPathname == null) {
+    return false;
+  }
+  const linkPathname = toPathname(toNavigableHref(link.href));
+  if (linkPathname == null) {
+    return false;
+  }
+  return matchesPath(normalizePathname(currentPathname), linkPathname);
+};
+const hasHref = (item) => typeof item.href === "string" && item.href.trim().length > 0;
+const isItemInCurrentPath = (item, currentPathname) => {
+  if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {
+    return true;
+  }
+  if (item.panel?.columns?.some(
+    (column) => column.links.some((link) => isLinkInCurrentPath(link, currentPathname))
+  )) {
+    return true;
+  }
+  return item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ?? false;
+};
+const isLinkInCurrentPage = (link, currentPathname) => {
+  if (link.current) {
+    return true;
+  }
+  if (isExternalLink(link)) {
+    return false;
+  }
+  if (currentPathname == null) {
+    return false;
+  }
+  const linkPathname = toPathname(toNavigableHref(link.href));
+  if (linkPathname == null) {
+    return false;
+  }
+  return normalizePathname(currentPathname) === linkPathname;
+};
+const isRefObject = (target) => typeof target === "object" && target !== null && "current" in target;
+const assignRef = (target, value) => {
+  if (target == null) {
+    return;
+  }
+  if (typeof target === "function") {
+    target(value);
+    return;
+  }
+  if (isRefObject(target)) {
+    target.current = value;
+  }
+};
+export {
+  assignRef,
+  getLinkRel,
+  getLinkTarget,
+  hasHref,
+  isDesktopViewportByEnvironment,
+  isExternalLink,
+  isExternalTarget,
+  isItemInCurrentPath,
+  isLinkInCurrentPage,
+  isLinkInCurrentPath,
+  isMobileIosDeviceByEnvironment,
+  isMobileViewportByEnvironment,
+  matchesPath,
+  normalizePathname,
+  toNavigableHref,
+  toPathname
+};
+//# sourceMappingURL=MainNavigation.utils.js.map

package/dist/components/MainNavigation/MainNavigation.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavigation.utils.js","sources":["../../../src/components/MainNavigation/MainNavigation.utils.ts"],"sourcesContent":["import type { Ref } from 'react';\nimport type { MainNavigationItem, MainNavigationLink } from './MainNavigation.types';\n\nconst relativeNavigationBaseUrl = 'https://navigation.local';\nconst safeLinkProtocols = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nexport type MainNavigationWindowLike = {\n    innerWidth: number;\n    matchMedia?: (query: string) => Pick<MediaQueryList, 'matches'>;\n    MSStream?: unknown;\n};\n\nexport type MainNavigationNavigatorLike = {\n    userAgent: string;\n};\n\nexport const isDesktopViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(min-width: 1024px)').matches;\n    }\n\n    return windowObject.innerWidth >= 1024;\n};\n\nexport const isMobileViewportByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n) => {\n    if (windowObject == null) {\n        return false;\n    }\n\n    if (typeof windowObject.matchMedia === 'function') {\n        return windowObject.matchMedia('(max-width: 1023px)').matches;\n    }\n\n    return windowObject.innerWidth < 1024;\n};\n\nexport const isMobileIosDeviceByEnvironment = (\n    windowObject: MainNavigationWindowLike | undefined,\n    navigatorObject: MainNavigationNavigatorLike | undefined,\n) => {\n    if (windowObject == null || navigatorObject == null) {\n        return false;\n    }\n\n    const isIOS =\n        /iPad|iPhone|iPod/.test(navigatorObject.userAgent) && !('MSStream' in windowObject);\n    return isIOS && windowObject.innerWidth < 768;\n};\n\nexport const isExternalTarget = (target?: string) => target === '_blank';\n\nexport const isExternalLink = (link: Pick<MainNavigationLink, 'target' | 'external'>) => {\n    if (link.external != null) {\n        return link.external;\n    }\n\n    return isExternalTarget(link.target);\n};\n\nexport const getLinkRel = (target?: string) =>\n    isExternalTarget(target) ? 'noopener noreferrer' : undefined;\n\nexport const getLinkTarget = (target?: string) => (isExternalTarget(target) ? '_blank' : undefined);\n\nexport const normalizePathname = (value: string) => {\n    const path = value.split('?')[0].split('#')[0] || '/';\n    const withLeadingSlash = path.startsWith('/') ? path : `/${path}`;\n\n    if (withLeadingSlash === '/') {\n        return '/';\n    }\n\n    return withLeadingSlash.replace(/\\/+$/, '');\n};\n\nexport const toNavigableHref = (href: string) => {\n    const normalizedHref = href.trim();\n\n    if (normalizedHref === '') {\n        return '#';\n    }\n\n    const hrefWithProtocol = normalizedHref.toLowerCase().startsWith('www.')\n        ? `https://${normalizedHref}`\n        : normalizedHref;\n\n    if (hrefWithProtocol.startsWith('./') || hrefWithProtocol.startsWith('../')) {\n        return hrefWithProtocol;\n    }\n\n    if (\n        hrefWithProtocol.startsWith('/') ||\n        hrefWithProtocol.startsWith('#') ||\n        hrefWithProtocol.startsWith('?')\n    ) {\n        return hrefWithProtocol;\n    }\n\n    const hasScheme = /^[a-zA-Z][a-zA-Z\\d+\\-.]*:/.test(hrefWithProtocol);\n\n    if (!hasScheme) {\n        return hrefWithProtocol;\n    }\n\n    try {\n        const protocol = new URL(\n            hrefWithProtocol,\n            relativeNavigationBaseUrl,\n        ).protocol.toLowerCase();\n        if (safeLinkProtocols.has(protocol)) {\n            return hrefWithProtocol;\n        }\n    } catch {\n        return '#';\n    }\n\n    return '#';\n};\n\nexport const toPathname = (href?: string) => {\n    if (href == null || href.trim() === '' || href === '#') {\n        return null;\n    }\n\n    if (href.startsWith('/')) {\n        return normalizePathname(href);\n    }\n\n    try {\n        return normalizePathname(new URL(href).pathname);\n    } catch {\n        return normalizePathname(href);\n    }\n};\n\nexport const matchesPath = (currentPathname: string, linkPathname: string) => {\n    if (linkPathname === '/') {\n        return currentPathname === '/';\n    }\n\n    return currentPathname === linkPathname || currentPathname.startsWith(`${linkPathname}/`);\n};\n\nexport const isLinkInCurrentPath = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return matchesPath(normalizePathname(currentPathname), linkPathname);\n};\n\nexport const hasHref = (item: MainNavigationItem): item is MainNavigationItem & { href: string } =>\n    typeof item.href === 'string' && item.href.trim().length > 0;\n\nexport const isItemInCurrentPath = (item: MainNavigationItem, currentPathname?: string) => {\n    if (hasHref(item) && isLinkInCurrentPath(item, currentPathname)) {\n        return true;\n    }\n\n    if (\n        item.panel?.columns?.some((column) =>\n            column.links.some((link) => isLinkInCurrentPath(link, currentPathname)),\n        )\n    ) {\n        return true;\n    }\n\n    return (\n        item.panel?.featureLinks?.some((link) => isLinkInCurrentPath(link, currentPathname)) ??\n        false\n    );\n};\n\nexport const isLinkInCurrentPage = (link: MainNavigationLink, currentPathname?: string) => {\n    if (link.current) {\n        return true;\n    }\n\n    if (isExternalLink(link)) {\n        return false;\n    }\n\n    if (currentPathname == null) {\n        return false;\n    }\n\n    const linkPathname = toPathname(toNavigableHref(link.href));\n\n    if (linkPathname == null) {\n        return false;\n    }\n\n    return normalizePathname(currentPathname) === linkPathname;\n};\n\nconst isRefObject = <T>(target: Ref<T>): target is { current: T | null } =>\n    typeof target === 'object' && target !== null && 'current' in target;\n\nexport const assignRef = <T>(target: Ref<T> | undefined, value: T | null) => {\n    if (target == null) {\n        return;\n    }\n\n    if (typeof target === 'function') {\n        target(value);\n        return;\n    }\n\n    if (isRefObject(target)) {\n        target.current = value;\n    }\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MainNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export { MainNavigation } from './MainNavigation';
+export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './MainNavigation.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MainNavigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MainNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wBAAwB,CAAC"}

package/dist/components/Notification/Notification.css

@@ -5,35 +5,35 @@
  * These variables come from @dnanpm/design-tokens package.
  */
 
-._notification_5h3rs_8 {
+._notification_m746g_8 {
     display: flex;
     align-items: center;
-    gap: var(--spacing-ui-md);
-    padding-right: var(--spacing-ui-lg);
+    gap: var(--spacing-space-16);
+    padding-right: var(--spacing-space-20);
     border: 2px solid var(--notification-color);
     border-radius: var(--radius-semantic-sm);
     overflow: clip;
 }
 
 /* Variant colors */
-._notification--info_5h3rs_19 {
+._notification--info_m746g_19 {
     --notification-color: var(--color-semantic-status-info);
 }
 
-._notification--success_5h3rs_23 {
+._notification--success_m746g_23 {
     --notification-color: var(--color-semantic-status-success);
 }
 
-._notification--warning_5h3rs_27 {
+._notification--warning_m746g_27 {
     --notification-color: var(--color-semantic-status-warning);
 }
 
-._notification--error_5h3rs_31 {
+._notification--error_m746g_31 {
     --notification-color: var(--color-semantic-status-error);
 }
 
 /* Icon container */
-._notification__icon-container_5h3rs_36 {
+._notification__icon-container_m746g_36 {
     /* The colored area size should be 48x48px on one line content, so we adjust padding based on whether the border is present or not */
     --_icon-padding-with-border: 10px;
     --_icon-padding-without-border: 12px;
@@ -49,24 +49,24 @@
     color: var(--color-semantic-foreground-inverse);
 }
 
-._notification__icon_5h3rs_36 {
+._notification__icon_m746g_36 {
     width: 24px;
     height: 24px;
     flex: 0 0 auto;
 }
 
 /* Content */
-._notification__content_5h3rs_59 {
+._notification__content_m746g_59 {
     flex: 1 1 auto;
     min-width: 0;
-    padding: var(--spacing-ui-xs) 0;
+    padding: var(--spacing-space-8) 0;
     font: var(--typography-body-md);
     color: var(--color-semantic-foreground-default);
     text-wrap: pretty;
 }
 
 /* Close button */
-._notification__close_5h3rs_69 {
+._notification__close_m746g_69 {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
@@ -75,7 +75,7 @@
     height: 32px;
     padding: 0;
     /* Negative margin to offset the button's size and maintain consistent spacing with the content */
-    margin: 0 calc(var(--spacing-ui-xxs) * -1);
+    margin: 0 calc(var(--spacing-space-4) * -1);
     border: none;
     border-radius: var(--radius-semantic-sm);
     background: none;
@@ -83,7 +83,7 @@
     cursor: pointer;
 }
 
-._notification__close_5h3rs_69 svg {
+._notification__close_m746g_69 svg {
     width: 24px;
     height: 24px;
 }

package/dist/components/Notification/Notification.module.css.cjs

@@ -1,17 +1,17 @@
 require('./Notification.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const notification = "_notification_5h3rs_8";
-const notification__icon = "_notification__icon_5h3rs_36";
-const notification__content = "_notification__content_5h3rs_59";
-const notification__close = "_notification__close_5h3rs_69";
+const notification = "_notification_m746g_8";
+const notification__icon = "_notification__icon_m746g_36";
+const notification__content = "_notification__content_m746g_59";
+const notification__close = "_notification__close_m746g_69";
 const styles = {
   notification,
-  "notification--info": "_notification--info_5h3rs_19",
-  "notification--success": "_notification--success_5h3rs_23",
-  "notification--warning": "_notification--warning_5h3rs_27",
-  "notification--error": "_notification--error_5h3rs_31",
-  "notification__icon-container": "_notification__icon-container_5h3rs_36",
+  "notification--info": "_notification--info_m746g_19",
+  "notification--success": "_notification--success_m746g_23",
+  "notification--warning": "_notification--warning_m746g_27",
+  "notification--error": "_notification--error_m746g_31",
+  "notification__icon-container": "_notification__icon-container_m746g_36",
   notification__icon,
   notification__content,
   notification__close

package/dist/components/Notification/Notification.module.css.js

@@ -1,15 +1,15 @@
 import './Notification.css';
-const notification = "_notification_5h3rs_8";
-const notification__icon = "_notification__icon_5h3rs_36";
-const notification__content = "_notification__content_5h3rs_59";
-const notification__close = "_notification__close_5h3rs_69";
+const notification = "_notification_m746g_8";
+const notification__icon = "_notification__icon_m746g_36";
+const notification__content = "_notification__content_m746g_59";
+const notification__close = "_notification__close_m746g_69";
 const styles = {
   notification,
-  "notification--info": "_notification--info_5h3rs_19",
-  "notification--success": "_notification--success_5h3rs_23",
-  "notification--warning": "_notification--warning_5h3rs_27",
-  "notification--error": "_notification--error_5h3rs_31",
-  "notification__icon-container": "_notification__icon-container_5h3rs_36",
+  "notification--info": "_notification--info_m746g_19",
+  "notification--success": "_notification--success_m746g_23",
+  "notification--warning": "_notification--warning_m746g_27",
+  "notification--error": "_notification--error_m746g_31",
+  "notification__icon-container": "_notification__icon-container_m746g_36",
   notification__icon,
   notification__content,
   notification__close