@okam/directus-next-component 1.8.13 → 1.8.15

package/types/navigationItems.d.ts

@@ -1,7 +1,6 @@
 import { Nullable } from '@okam/stack-ui';
 import { TDirectusLinkProps } from '../components/DirectusLink/interface';
-
-export type TNavigationItemsTree = {
+export interface TNavigationItemsTree {
     /**
      * Pre-rendered DirectusLink component for quick usage
      */
@@ -15,10 +14,29 @@ export type TNavigationItemsTree = {
      * For each level of children, goes up by 1
      */
     depth: number;
-};
+}
 type DepthLimit = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+/**
+ * WHY `any` IS REQUIRED FOR tokens:
+ *
+ * The tokens field comes from Directus CMS and may contain null/undefined values.
+ * However, the downstream TDirectusLinkProps expects TToken (Record<string, string | boolean>).
+ *
+ * The type mismatch occurs because:
+ * 1. CMS data has nullable fields: variant?: string | null
+ * 2. getNavigationItems spreads tokens and adds: type: variant
+ * 3. TNavigationItemsTree.linkProps expects TToken without null/undefined
+ *
+ * Fixing this properly would require either:
+ * - Runtime filtering of null/undefined values (behavior change)
+ * - Changing TToken to allow null/undefined (cascading type changes across stack-ui)
+ * - Creating separate CMS and component token types (significant refactor)
+ *
+ * The `any` type here acts as a type boundary between CMS data and UI components.
+ * Type safety is enforced at the component level where tokens are actually consumed.
+ */
 export type TNavigationItemsBase<Link> = {
-    tokens?: any | null;
+    tokens?: any;
     variant?: string | null;
 } & Link;
 export type TNavigationItemsParents<TNavigationItems, Link, Depth extends number> = Depth extends never ? TNavigationItemsBase<Link> : {

package/utils/getDirectusFile/index.d.ts

@@ -1,9 +1,8 @@
 import { TFiles } from '@okam/directus-next';
 import { Nullable } from '@okam/stack-ui';
-
 export declare function getDirectusUrl(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): URL | null;
 export declare function getDirectusFile(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): {
-    tags?: any | null;
+    tags?: unknown;
     location?: string | null;
     storage?: string | null;
     focal_point_divider?: string | null;

package/utils/getDirectusFile/index.js

@@ -6,18 +6,22 @@ const IMG_PORT = process.env.NEXT_PUBLIC_IMG_PORT;
 const IMG_PROTOCOL = process.env.NEXT_PUBLIC_IMG_PROTOCOL ?? "https";
 function setSearchParams(url, searchParams) {
   Object.entries(searchParams).forEach(([key, value]) => {
-    if (!value) return;
+    if (value == null || value === "")
+      return;
     url.searchParams.set(key, value);
   });
 }
 function getDirectusUrl(file, baseUrl, searchParams) {
   const { id, filename_download, filenameDownload } = file ?? {};
   const { protocol = IMG_PROTOCOL, port = IMG_PORT, hostname = IMG_DOMAIN } = baseUrl ?? {};
-  if (!hostname || !id) return null;
+  if (hostname == null || hostname === "" || id == null || id === "")
+    return null;
   try {
     const url = new URL(`/assets/${id}/${filename_download ?? filenameDownload ?? ""}`, `${protocol}://${hostname}`);
-    if (port) url.port = port;
-    if (searchParams) setSearchParams(url, searchParams);
+    if (port != null && port !== "")
+      url.port = port;
+    if (searchParams != null)
+      setSearchParams(url, searchParams);
     return url;
   } catch (error) {
     logger.logger.log("Couldn't create URL", "warn", { error });
@@ -26,9 +30,11 @@ function getDirectusUrl(file, baseUrl, searchParams) {
 }
 function getDirectusFile(file, baseUrl, searchParams) {
   const { description, width, height, title, id, ...rest } = file ?? {};
-  if (!file || !id) return null;
+  if (file == null || id == null || id === "")
+    return null;
   const url = getDirectusUrl(file, baseUrl, searchParams);
-  if (!url) return null;
+  if (url == null)
+    return null;
   return {
     src: url.href,
     alt: description ?? "",

package/utils/getDirectusFile/index.mjs

@@ -4,18 +4,22 @@ const IMG_PORT = process.env.NEXT_PUBLIC_IMG_PORT;
 const IMG_PROTOCOL = process.env.NEXT_PUBLIC_IMG_PROTOCOL ?? "https";
 function setSearchParams(url, searchParams) {
   Object.entries(searchParams).forEach(([key, value]) => {
-    if (!value) return;
+    if (value == null || value === "")
+      return;
     url.searchParams.set(key, value);
   });
 }
 function getDirectusUrl(file, baseUrl, searchParams) {
   const { id, filename_download, filenameDownload } = file ?? {};
   const { protocol = IMG_PROTOCOL, port = IMG_PORT, hostname = IMG_DOMAIN } = baseUrl ?? {};
-  if (!hostname || !id) return null;
+  if (hostname == null || hostname === "" || id == null || id === "")
+    return null;
   try {
     const url = new URL(`/assets/${id}/${filename_download ?? filenameDownload ?? ""}`, `${protocol}://${hostname}`);
-    if (port) url.port = port;
-    if (searchParams) setSearchParams(url, searchParams);
+    if (port != null && port !== "")
+      url.port = port;
+    if (searchParams != null)
+      setSearchParams(url, searchParams);
     return url;
   } catch (error) {
     logger.log("Couldn't create URL", "warn", { error });
@@ -24,9 +28,11 @@ function getDirectusUrl(file, baseUrl, searchParams) {
 }
 function getDirectusFile(file, baseUrl, searchParams) {
   const { description, width, height, title, id, ...rest } = file ?? {};
-  if (!file || !id) return null;
+  if (file == null || id == null || id === "")
+    return null;
   const url = getDirectusUrl(file, baseUrl, searchParams);
-  if (!url) return null;
+  if (url == null)
+    return null;
   return {
     src: url.href,
     alt: description ?? "",

package/utils/getDirectusLink/index.d.ts

@@ -1,6 +1,5 @@
 import { TAnchorProps } from '@okam/stack-ui';
 import { TGetDirectusLink } from '../../components/DirectusLink/interface';
-
 export declare function getDirectusLink(props: TGetDirectusLink): TAnchorProps;
 /**
  * @deprecated Use `getDirectusLink` instead

package/utils/getDirectusLink/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Link = require("next/link.js");
+const Link = require("next/link");
 const zod = require("zod");
 const index = require("../getDirectusFile/index.js");
 const index$1 = require("../getDirectusSearchParams/index.js");
@@ -11,7 +11,7 @@ const relativeUrlSchema = zod.z.string().regex(/^[/#?]/, {
 const hrefSchema = zod.z.union([absoluteUrlSchema, relativeUrlSchema]).transform((value) => {
   try {
     return new URL(value);
-  } catch (error) {
+  } catch {
     return new URL(value, "http://localhost");
   }
 });
@@ -22,7 +22,8 @@ function withSearchParams(url, searchParams) {
   return url;
 }
 function getCompleteHref(href, params, type) {
-  if (!href) return null;
+  if (href == null || href === "")
+    return null;
   const searchParams = index$1.getDirectusSearchParams(params);
   const url = hrefSchema.parse(href);
   const completeUrl = withSearchParams(url, searchParams);
@@ -46,9 +47,8 @@ function getFile(props) {
   };
 }
 function getCollection(props) {
-  var _a, _b;
   const { collection, target, params } = props;
-  const href = getCompleteHref((_b = (_a = collection == null ? void 0 : collection.translations) == null ? void 0 : _a[0]) == null ? void 0 : _b.path, params, "relative");
+  const href = getCompleteHref(collection?.translations?.[0]?.path, params, "relative");
   return {
     href: href ?? void 0,
     target: target ?? void 0
@@ -68,14 +68,12 @@ function getAnchor(props) {
   return { href: href ?? void 0 };
 }
 const defaultPropsConfig = {
-  collection: getCollection,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
+  "collection": getCollection,
   "external-link": getExternalLink,
-  file: getFile,
-  anchor: getAnchor
+  "file": getFile,
+  "anchor": getAnchor
 };
 function getDirectusLink(props) {
-  var _a;
   const {
     type,
     label,
@@ -96,17 +94,19 @@ function getDirectusLink(props) {
     params,
     ...rest
   } = props;
-  if (!type) return {};
+  if (type == null || type === "")
+    return {};
   const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
-  const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
+  const linkProps = finalConfig[type]?.(props) ?? {};
   const { href, ...restOfLinkProps } = linkProps;
-  if (!href) return {};
+  if (href == null || href === "")
+    return {};
   return {
     ...rest,
     as,
-    ...themeName ? { themeName } : {},
-    ...customTheme ? { customTheme } : {},
-    ...tokens ? { tokens } : {},
+    ...themeName != null ? { themeName } : {},
+    ...customTheme != null ? { customTheme } : {},
+    ...tokens != null ? { tokens } : {},
     nextLinkProps: {
       href,
       prefetch: prefetch ?? void 0,

package/utils/getDirectusLink/index.mjs

@@ -1,4 +1,4 @@
-import Link from "next/link.js";
+import Link from "next/link";
 import { z } from "zod";
 import { getDirectusFile } from "../getDirectusFile/index.mjs";
 import { getDirectusSearchParams } from "../getDirectusSearchParams/index.mjs";
@@ -9,7 +9,7 @@ const relativeUrlSchema = z.string().regex(/^[/#?]/, {
 const hrefSchema = z.union([absoluteUrlSchema, relativeUrlSchema]).transform((value) => {
   try {
     return new URL(value);
-  } catch (error) {
+  } catch {
     return new URL(value, "http://localhost");
   }
 });
@@ -20,7 +20,8 @@ function withSearchParams(url, searchParams) {
   return url;
 }
 function getCompleteHref(href, params, type) {
-  if (!href) return null;
+  if (href == null || href === "")
+    return null;
   const searchParams = getDirectusSearchParams(params);
   const url = hrefSchema.parse(href);
   const completeUrl = withSearchParams(url, searchParams);
@@ -44,9 +45,8 @@ function getFile(props) {
   };
 }
 function getCollection(props) {
-  var _a, _b;
   const { collection, target, params } = props;
-  const href = getCompleteHref((_b = (_a = collection == null ? void 0 : collection.translations) == null ? void 0 : _a[0]) == null ? void 0 : _b.path, params, "relative");
+  const href = getCompleteHref(collection?.translations?.[0]?.path, params, "relative");
   return {
     href: href ?? void 0,
     target: target ?? void 0
@@ -66,14 +66,12 @@ function getAnchor(props) {
   return { href: href ?? void 0 };
 }
 const defaultPropsConfig = {
-  collection: getCollection,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
+  "collection": getCollection,
   "external-link": getExternalLink,
-  file: getFile,
-  anchor: getAnchor
+  "file": getFile,
+  "anchor": getAnchor
 };
 function getDirectusLink(props) {
-  var _a;
   const {
     type,
     label,
@@ -94,17 +92,19 @@ function getDirectusLink(props) {
     params,
     ...rest
   } = props;
-  if (!type) return {};
+  if (type == null || type === "")
+    return {};
   const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
-  const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
+  const linkProps = finalConfig[type]?.(props) ?? {};
   const { href, ...restOfLinkProps } = linkProps;
-  if (!href) return {};
+  if (href == null || href === "")
+    return {};
   return {
     ...rest,
     as,
-    ...themeName ? { themeName } : {},
-    ...customTheme ? { customTheme } : {},
-    ...tokens ? { tokens } : {},
+    ...themeName != null ? { themeName } : {},
+    ...customTheme != null ? { customTheme } : {},
+    ...tokens != null ? { tokens } : {},
     nextLinkProps: {
       href,
       prefetch: prefetch ?? void 0,

package/utils/getDirectusMetadata/index.d.ts

@@ -4,7 +4,6 @@ import { Metadata } from 'next';
 import { OpenGraph } from 'next/dist/lib/metadata/types/opengraph-types';
 import { TDirectusFileProps } from '../../components/DirectusFile/interface';
 import { TMetadataOptions } from '../../types/metadata';
-
 export declare function getOpenGraphImage(image: Nullable<TDirectusFileProps>, options: TMetadataOptions): Nullable<Exclude<OpenGraph['images'], OpenGraph['images'][]>>;
 export declare function getMetadata<TPageProps extends {
     pageSettings: TPageSettings;

package/utils/getDirectusMetadata/index.js

@@ -3,38 +3,39 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const radashi = require("radashi");
 const index = require("../getDirectusFile/index.js");
 function withFallbacks(pageProps, options) {
-  var _a, _b;
   const { pageSettings } = pageProps ?? {};
-  const pageSettingsTranslation = (_a = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _a[0];
-  const itemTranslation = (_b = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _b[0];
-  const title = (pageSettingsTranslation == null ? void 0 : pageSettingsTranslation.title) ?? (itemTranslation == null ? void 0 : itemTranslation.title);
-  const imageFragment = (pageSettingsTranslation == null ? void 0 : pageSettingsTranslation.og_image) ?? (itemTranslation && "featured_image" in itemTranslation ? itemTranslation.featured_image : {});
+  const pageSettingsTranslation = pageSettings?.translations?.[0] ?? void 0;
+  const itemTranslation = pageSettings?.translations?.[0];
+  const title = pageSettingsTranslation?.title ?? itemTranslation?.title;
+  const imageFragment = pageSettingsTranslation?.og_image ?? (itemTranslation != null && "featured_image" in itemTranslation ? itemTranslation.featured_image : {});
   const image = options.getFilesFragment(imageFragment);
   return { title, image };
 }
 function limitOpenGraphImageDimensions(width, height, maxWidth, maxHeight) {
   return {
-    width: radashi.min([parseInt(width.toString(), 10), maxWidth]),
-    height: radashi.min([parseInt(height.toString(), 10), maxHeight])
+    width: radashi.min([Number.parseInt(width.toString(), 10), maxWidth]),
+    height: radashi.min([Number.parseInt(height.toString(), 10), maxHeight])
   };
 }
 function getOpenGraphImageFallback(fallbackImage, options) {
-  if (!fallbackImage) return null;
+  if (fallbackImage == null)
+    return null;
   const { width, height, src } = fallbackImage;
-  const dimensions = limitOpenGraphImageDimensions(width, height, options == null ? void 0 : options.ogImageMaxWidth, options == null ? void 0 : options.ogImageMaxHeight);
+  const dimensions = limitOpenGraphImageDimensions(width, height, options?.ogImageMaxWidth, options?.ogImageMaxHeight);
   return { ...fallbackImage, ...dimensions, url: src };
 }
 function getOpenGraphImage(image, options) {
   const directusImage = index.getDirectusFile(image);
   const { src, alt } = directusImage ?? {};
-  const { width: limitedWidth, height: limitedHeight } = ((directusImage == null ? void 0 : directusImage.width) && (directusImage == null ? void 0 : directusImage.height) ? limitOpenGraphImageDimensions(
+  const { width: limitedWidth, height: limitedHeight } = (directusImage?.width != null && directusImage.width !== 0 && directusImage?.height != null && directusImage.height !== 0 ? limitOpenGraphImageDimensions(
     directusImage.width,
     directusImage.height,
-    options == null ? void 0 : options.ogImageMaxWidth,
-    options == null ? void 0 : options.ogImageMaxHeight
+    options?.ogImageMaxWidth,
+    options?.ogImageMaxHeight
   ) : null) ?? {};
-  if (!src || !(directusImage == null ? void 0 : directusImage.width)) return null;
-  const imgHref = options == null ? void 0 : options.imageLoader({
+  if (src == null || src === "" || directusImage?.width == null || directusImage.width === 0)
+    return null;
+  const imgHref = options?.imageLoader({
     ...image,
     src,
     width: limitedWidth,
@@ -42,23 +43,22 @@ function getOpenGraphImage(image, options) {
   });
   return {
     alt,
-    type: (directusImage == null ? void 0 : directusImage.type) ?? void 0,
+    type: directusImage?.type ?? void 0,
     width: limitedWidth,
     height: limitedHeight,
     url: imgHref
   };
 }
 function getMetadata(pageProps, options, defaultProps) {
-  var _a;
   const { title, image } = withFallbacks(pageProps, options);
   const { pageSettings } = pageProps ?? {};
-  const translation = (_a = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _a[0];
-  const metaDescription = (defaultProps == null ? void 0 : defaultProps.meta_description) ?? (translation == null ? void 0 : translation.meta_description);
-  const noFollow = (defaultProps == null ? void 0 : defaultProps.no_follow) ?? (translation == null ? void 0 : translation.no_follow);
-  const noIndex = (defaultProps == null ? void 0 : defaultProps.no_index) ?? (translation == null ? void 0 : translation.no_index);
+  const translation = pageSettings?.translations?.[0];
+  const metaDescription = defaultProps?.meta_description ?? translation?.meta_description;
+  const noFollow = defaultProps?.no_follow ?? translation?.no_follow;
+  const noIndex = defaultProps?.no_index ?? translation?.no_index;
   const directusImage = index.getDirectusFile(image);
-  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
-  const openGraphType = options.openGraphTypeConfig[(pageSettings == null ? void 0 : pageSettings.belongs_to_collection) ?? ""] ?? "website";
+  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options?.ogFallbackImage, options);
+  const openGraphType = options.openGraphTypeConfig[pageSettings?.belongs_to_collection ?? ""] ?? "website";
   const alternates = options.createAlternateUrls(pageSettings);
   const { canonical } = alternates;
   const metadata = {
@@ -69,7 +69,7 @@ function getMetadata(pageProps, options, defaultProps) {
       title: title ?? void 0,
       description: metaDescription ?? void 0,
       images: openGraphImage ?? void 0,
-      url: canonical == null ? void 0 : canonical.toString(),
+      url: canonical?.toString(),
       type: openGraphType
     },
     twitter: {

package/utils/getDirectusMetadata/index.mjs

@@ -1,38 +1,39 @@
 import { min } from "radashi";
 import { getDirectusFile } from "../getDirectusFile/index.mjs";
 function withFallbacks(pageProps, options) {
-  var _a, _b;
   const { pageSettings } = pageProps ?? {};
-  const pageSettingsTranslation = (_a = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _a[0];
-  const itemTranslation = (_b = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _b[0];
-  const title = (pageSettingsTranslation == null ? void 0 : pageSettingsTranslation.title) ?? (itemTranslation == null ? void 0 : itemTranslation.title);
-  const imageFragment = (pageSettingsTranslation == null ? void 0 : pageSettingsTranslation.og_image) ?? (itemTranslation && "featured_image" in itemTranslation ? itemTranslation.featured_image : {});
+  const pageSettingsTranslation = pageSettings?.translations?.[0] ?? void 0;
+  const itemTranslation = pageSettings?.translations?.[0];
+  const title = pageSettingsTranslation?.title ?? itemTranslation?.title;
+  const imageFragment = pageSettingsTranslation?.og_image ?? (itemTranslation != null && "featured_image" in itemTranslation ? itemTranslation.featured_image : {});
   const image = options.getFilesFragment(imageFragment);
   return { title, image };
 }
 function limitOpenGraphImageDimensions(width, height, maxWidth, maxHeight) {
   return {
-    width: min([parseInt(width.toString(), 10), maxWidth]),
-    height: min([parseInt(height.toString(), 10), maxHeight])
+    width: min([Number.parseInt(width.toString(), 10), maxWidth]),
+    height: min([Number.parseInt(height.toString(), 10), maxHeight])
   };
 }
 function getOpenGraphImageFallback(fallbackImage, options) {
-  if (!fallbackImage) return null;
+  if (fallbackImage == null)
+    return null;
   const { width, height, src } = fallbackImage;
-  const dimensions = limitOpenGraphImageDimensions(width, height, options == null ? void 0 : options.ogImageMaxWidth, options == null ? void 0 : options.ogImageMaxHeight);
+  const dimensions = limitOpenGraphImageDimensions(width, height, options?.ogImageMaxWidth, options?.ogImageMaxHeight);
   return { ...fallbackImage, ...dimensions, url: src };
 }
 function getOpenGraphImage(image, options) {
   const directusImage = getDirectusFile(image);
   const { src, alt } = directusImage ?? {};
-  const { width: limitedWidth, height: limitedHeight } = ((directusImage == null ? void 0 : directusImage.width) && (directusImage == null ? void 0 : directusImage.height) ? limitOpenGraphImageDimensions(
+  const { width: limitedWidth, height: limitedHeight } = (directusImage?.width != null && directusImage.width !== 0 && directusImage?.height != null && directusImage.height !== 0 ? limitOpenGraphImageDimensions(
     directusImage.width,
     directusImage.height,
-    options == null ? void 0 : options.ogImageMaxWidth,
-    options == null ? void 0 : options.ogImageMaxHeight
+    options?.ogImageMaxWidth,
+    options?.ogImageMaxHeight
   ) : null) ?? {};
-  if (!src || !(directusImage == null ? void 0 : directusImage.width)) return null;
-  const imgHref = options == null ? void 0 : options.imageLoader({
+  if (src == null || src === "" || directusImage?.width == null || directusImage.width === 0)
+    return null;
+  const imgHref = options?.imageLoader({
     ...image,
     src,
     width: limitedWidth,
@@ -40,23 +41,22 @@ function getOpenGraphImage(image, options) {
   });
   return {
     alt,
-    type: (directusImage == null ? void 0 : directusImage.type) ?? void 0,
+    type: directusImage?.type ?? void 0,
     width: limitedWidth,
     height: limitedHeight,
     url: imgHref
   };
 }
 function getMetadata(pageProps, options, defaultProps) {
-  var _a;
   const { title, image } = withFallbacks(pageProps, options);
   const { pageSettings } = pageProps ?? {};
-  const translation = (_a = pageSettings == null ? void 0 : pageSettings.translations) == null ? void 0 : _a[0];
-  const metaDescription = (defaultProps == null ? void 0 : defaultProps.meta_description) ?? (translation == null ? void 0 : translation.meta_description);
-  const noFollow = (defaultProps == null ? void 0 : defaultProps.no_follow) ?? (translation == null ? void 0 : translation.no_follow);
-  const noIndex = (defaultProps == null ? void 0 : defaultProps.no_index) ?? (translation == null ? void 0 : translation.no_index);
+  const translation = pageSettings?.translations?.[0];
+  const metaDescription = defaultProps?.meta_description ?? translation?.meta_description;
+  const noFollow = defaultProps?.no_follow ?? translation?.no_follow;
+  const noIndex = defaultProps?.no_index ?? translation?.no_index;
   const directusImage = getDirectusFile(image);
-  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
-  const openGraphType = options.openGraphTypeConfig[(pageSettings == null ? void 0 : pageSettings.belongs_to_collection) ?? ""] ?? "website";
+  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options?.ogFallbackImage, options);
+  const openGraphType = options.openGraphTypeConfig[pageSettings?.belongs_to_collection ?? ""] ?? "website";
   const alternates = options.createAlternateUrls(pageSettings);
   const { canonical } = alternates;
   const metadata = {
@@ -67,7 +67,7 @@ function getMetadata(pageProps, options, defaultProps) {
       title: title ?? void 0,
       description: metaDescription ?? void 0,
       images: openGraphImage ?? void 0,
-      url: canonical == null ? void 0 : canonical.toString(),
+      url: canonical?.toString(),
       type: openGraphType
     },
     twitter: {

package/utils/getDirectusSearchParams/index.d.ts

@@ -1,6 +1,5 @@
 import { Nullable } from '@okam/stack-ui';
 import { TSearchParams } from '../../types/links';
-
 export declare function getDirectusSearchParams(params: Nullable<Nullable<TSearchParams>[]>): URLSearchParams;
 /**
  * @deprecated Use `getDirectusSearchParams` instead

package/utils/getDirectusSearchParams/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const radashi = require("radashi");
 function getDirectusSearchParams(params) {
   const searchParams = new URLSearchParams();
-  params == null ? void 0 : params.forEach((param) => {
+  params?.forEach((param) => {
     const { name, value } = param ?? {};
     if (radashi.isEmpty(name) || radashi.isEmpty(value)) {
       return;

package/utils/getDirectusSearchParams/index.mjs

@@ -1,7 +1,7 @@
 import { isEmpty } from "radashi";
 function getDirectusSearchParams(params) {
   const searchParams = new URLSearchParams();
-  params == null ? void 0 : params.forEach((param) => {
+  params?.forEach((param) => {
     const { name, value } = param ?? {};
     if (isEmpty(name) || isEmpty(value)) {
       return;

package/utils/getNavigationItems/index.d.ts

@@ -1,14 +1,13 @@
 import { Nullable } from '@okam/stack-ui';
 import { TDirectusLinkProps } from '../../components/DirectusLink/interface';
 import { TNavigationItems, TNavigationItemsTree } from '../../types/navigationItems';
-
 /**
  *
  * @param navigationItems A tree of navigation items, with parents and children
  * @param onNavigationItem Called when a navigation item is about to be added to the tree
  * @returns A tree of navigation items with ready-to-use DirectusLink components
  */
-export declare function getNavigationItems<Depth extends number, Link, Items extends TNavigationItems<Items, Link, Depth> = TNavigationItems<unknown, Link, Depth>>(items: Nullable<Nullable<TNavigationItems<Items, Link, Depth>>[]>, onNavigationItem: (item: Nullable<TNavigationItems<Items, Link, Depth>>) => Nullable<TDirectusLinkProps>): Nullable<Nullable<TNavigationItemsTree>[]>;
+export declare function getNavigationItems<Depth extends number, Link, Items extends TNavigationItems<Items, Link, Depth> = TNavigationItems<unknown, Link, Depth>>(items: Nullable<Nullable<TNavigationItems<Items, Link, Depth>>[]>, onNavigationItem: (_item: Nullable<TNavigationItems<Items, Link, Depth>>) => Nullable<TDirectusLinkProps>): Nullable<Nullable<TNavigationItemsTree>[]>;
 /**
  * @deprecated Use `getNavigationItems` instead
  */

package/utils/getNavigationItems/index.js

@@ -7,7 +7,7 @@ function createLinkProps(item, onNavigationItem) {
   const link = onNavigationItem(item);
   const linkTokens = {
     ...tokens,
-    ...link == null ? void 0 : link.tokens,
+    ...link?.tokens,
     type: variant
   };
   const linkProps = {
@@ -20,7 +20,8 @@ function createParentTree(item, onNavigationItem, depth = -1) {
   const { parent } = item ?? {};
   const linkProps = createLinkProps(item, onNavigationItem);
   const { id } = linkProps ?? {};
-  if (!id) return null;
+  if (!id)
+    return null;
   return {
     link: /* @__PURE__ */ jsxRuntime.jsx(index, { ...linkProps }),
     linkProps,
@@ -32,20 +33,21 @@ function createChildrenTree(item, onNavigationItem, depth = 1) {
   const { children } = item ?? {};
   const linkProps = createLinkProps(item, onNavigationItem);
   const { id } = linkProps ?? {};
-  if (!id) return null;
+  if (!id)
+    return null;
   return {
     link: /* @__PURE__ */ jsxRuntime.jsx(index, { ...linkProps }),
     linkProps,
-    children: children == null ? void 0 : children.map((child) => createChildrenTree(child, onNavigationItem, depth + 1)),
+    children: children?.map((child) => createChildrenTree(child, onNavigationItem, depth + 1)),
     depth
   };
 }
 function getNavigationItems(items, onNavigationItem) {
-  const tree = items == null ? void 0 : items.map((item) => {
+  const tree = items?.map((item) => {
     const { children, parent } = item ?? {};
     const linkProps = createLinkProps(item, onNavigationItem);
     const parentTree = createParentTree(parent, onNavigationItem);
-    const childrenTree = children == null ? void 0 : children.map((child) => createChildrenTree(child, onNavigationItem));
+    const childrenTree = children?.map((child) => createChildrenTree(child, onNavigationItem));
     return {
       depth: 0,
       parent: parentTree,

package/utils/getNavigationItems/index.mjs

@@ -5,7 +5,7 @@ function createLinkProps(item, onNavigationItem) {
   const link = onNavigationItem(item);
   const linkTokens = {
     ...tokens,
-    ...link == null ? void 0 : link.tokens,
+    ...link?.tokens,
     type: variant
   };
   const linkProps = {
@@ -18,7 +18,8 @@ function createParentTree(item, onNavigationItem, depth = -1) {
   const { parent } = item ?? {};
   const linkProps = createLinkProps(item, onNavigationItem);
   const { id } = linkProps ?? {};
-  if (!id) return null;
+  if (!id)
+    return null;
   return {
     link: /* @__PURE__ */ jsx(DirectusLink, { ...linkProps }),
     linkProps,
@@ -30,20 +31,21 @@ function createChildrenTree(item, onNavigationItem, depth = 1) {
   const { children } = item ?? {};
   const linkProps = createLinkProps(item, onNavigationItem);
   const { id } = linkProps ?? {};
-  if (!id) return null;
+  if (!id)
+    return null;
   return {
     link: /* @__PURE__ */ jsx(DirectusLink, { ...linkProps }),
     linkProps,
-    children: children == null ? void 0 : children.map((child) => createChildrenTree(child, onNavigationItem, depth + 1)),
+    children: children?.map((child) => createChildrenTree(child, onNavigationItem, depth + 1)),
     depth
   };
 }
 function getNavigationItems(items, onNavigationItem) {
-  const tree = items == null ? void 0 : items.map((item) => {
+  const tree = items?.map((item) => {
     const { children, parent } = item ?? {};
     const linkProps = createLinkProps(item, onNavigationItem);
     const parentTree = createParentTree(parent, onNavigationItem);
-    const childrenTree = children == null ? void 0 : children.map((child) => createChildrenTree(child, onNavigationItem));
+    const childrenTree = children?.map((child) => createChildrenTree(child, onNavigationItem));
     return {
       depth: 0,
       parent: parentTree,