@dnanpm/ui-components 0.6.0 → 0.8.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/Modal/Modal.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const icons = require("@dnanpm/icons");
+const elevation_module = require("../../styles/utils/elevation.module.css.cjs");
+const focus_module = require("../../styles/utils/focus.module.css.cjs");
+const Modal_module = require("./Modal.module.css.cjs");
+const useDialogDismissal = require("./useDialogDismissal.cjs");
+const useNativeDialog = require("./useNativeDialog.cjs");
+const cn = require("../../utils/cn/cn.cjs");
+const Modal = ({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "medium",
+  headerStyle = "light",
+  fixedTitle = false,
+  alignToTop = false,
+  disableCloseOptions = false,
+  closeLabel = "Sulje dialogi",
+  keepMounted = false,
+  className,
+  ref,
+  onKeyDown,
+  onClick,
+  onPointerDown,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) => {
+  const titleId = react.useId();
+  const descriptionId = react.useId();
+  const { dialogRef, close, phase, isPresent } = useNativeDialog.useNativeDialog({
+    open: open ?? false,
+    keepMounted,
+    onOpenChange
+  });
+  const describedBy = [description ? descriptionId : void 0, ariaDescribedBy].filter(Boolean).join(" ") || void 0;
+  const dialogDismissalProps = useDialogDismissal.useDialogDismissal({
+    close,
+    disableCloseOptions,
+    onClick,
+    onKeyDown,
+    onPointerDown
+  });
+  if (!isPresent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "dialog",
+    {
+      ...props,
+      ref: (node) => {
+        dialogRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      className: cn.cn(
+        Modal_module.default.modal,
+        elevation_module.default.elevationHigh,
+        Modal_module.default[`modal--${size}`],
+        Modal_module.default[`modal--${headerStyle}`],
+        { [Modal_module.default["modal--fixed-title"]]: fixedTitle },
+        { [Modal_module.default["modal--align-top"]]: alignToTop },
+        { [Modal_module.default["modal--opening"]]: phase !== "closing" },
+        { [Modal_module.default["modal--closing"]]: phase === "closing" },
+        className
+      ),
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (!ariaLabel && title ? titleId : void 0),
+      "aria-describedby": describedBy,
+      ...dialogDismissalProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.modal__container, children: [
+          !disableCloseOptions && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: cn.cn(Modal_module.default.modal__close, focus_module.default.focusable),
+              "aria-label": closeLabel,
+              "data-dialog-autofocus": "true",
+              onClick: close,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Close, { "aria-hidden": "true" })
+            }
+          ),
+          (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.modal__title, children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, className: Modal_module.default.modal__heading, children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: Modal_module.default.modal__description, children: description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.modal__content, children })
+        ] }),
+        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default["modal__bottom-bar"], children: footer })
+      ]
+    }
+  );
+};
+exports.Modal = Modal;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { Close } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './Modal.module.css';\nimport { useDialogDismissal } from './useDialogDismissal';\nimport { useNativeDialog } from './useNativeDialog';\nimport type { ModalProps } from './Modal.types';\n\nexport const Modal = ({\n    open,\n    onOpenChange,\n    title,\n    description,\n    children,\n    footer,\n    size = 'medium',\n    headerStyle = 'light',\n    fixedTitle = false,\n    alignToTop = false,\n    disableCloseOptions = false,\n    closeLabel = 'Sulje dialogi',\n    keepMounted = false,\n    className,\n    ref,\n    onKeyDown,\n    onClick,\n    onPointerDown,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...props\n}: ModalProps) => {\n    const titleId = useId();\n    const descriptionId = useId();\n    const { dialogRef, close, phase, isPresent } = useNativeDialog({\n        open: open ?? false,\n        keepMounted,\n        onOpenChange,\n    });\n    const describedBy =\n        [description ? descriptionId : undefined, ariaDescribedBy].filter(Boolean).join(' ') ||\n        undefined;\n    const dialogDismissalProps = useDialogDismissal({\n        close,\n        disableCloseOptions,\n        onClick,\n        onKeyDown,\n        onPointerDown,\n    });\n\n    if (!isPresent) return null;\n\n    return (\n        <dialog\n            {...props}\n            ref={(node) => {\n                dialogRef.current = node;\n                if (typeof ref === 'function') ref(node);\n                else if (ref) ref.current = node;\n            }}\n            className={cn(\n                styles.modal,\n                elevationStyles.elevationHigh,\n                styles[`modal--${size}`],\n                styles[`modal--${headerStyle}`],\n                { [styles['modal--fixed-title']]: fixedTitle },\n                { [styles['modal--align-top']]: alignToTop },\n                { [styles['modal--opening']]: phase !== 'closing' },\n                { [styles['modal--closing']]: phase === 'closing' },\n                className,\n            )}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy ?? (!ariaLabel && title ? titleId : undefined)}\n            aria-describedby={describedBy}\n            {...dialogDismissalProps}\n        >\n            <div className={styles.modal__container}>\n                {!disableCloseOptions && (\n                    <button\n                        type=\"button\"\n                        className={cn(styles.modal__close, focusStyles.focusable)}\n                        aria-label={closeLabel}\n                        data-dialog-autofocus=\"true\"\n                        onClick={close}\n                    >\n                        <Close aria-hidden=\"true\" />\n                    </button>\n                )}\n                {(title || description) && (\n                    <div className={styles.modal__title}>\n                        {title && (\n                            <h2 id={titleId} className={styles.modal__heading}>\n                                {title}\n                            </h2>\n                        )}\n                        {description && (\n                            <div id={descriptionId} className={styles.modal__description}>\n                                {description}\n                            </div>\n                        )}\n                    </div>\n                )}\n                <div className={styles.modal__content}>{children}</div>\n            </div>\n            {footer && <div className={styles['modal__bottom-bar']}>{footer}</div>}\n        </dialog>\n    );\n};\n"],"names":["useId","useNativeDialog","useDialogDismissal","jsxs","cn","styles","elevationStyles","jsx","focusStyles","Close"],"mappings":"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"}