@okam/directus-next-component 1.7.27 → 1.7.29

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+## 1.7.29 (2025-10-31)
+
+### 🚀 Features
+
+- **directus-next-component:** directus link supports search params ([21a3e46](https://github.com/OKAMca/stack/commit/21a3e46))
+
+### 🩹 Fixes
+
+- **directus-next:** bump version ([e9441ad](https://github.com/OKAMca/stack/commit/e9441ad))
+- **directus-next-component:** core-lib in externals deps ([9b04ca0](https://github.com/OKAMca/stack/commit/9b04ca0))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+
+### 🧱 Updated Dependencies
+
+- Updated directus-next to 1.2.5
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
+## 1.7.28 (2025-10-17)
+
+### 🩹 Fixes
+
+- **directus-next:** bump version ([e9441ad](https://github.com/OKAMca/stack/commit/e9441ad))
+- **directus-next-component:** core-lib in externals deps ([9b04ca0](https://github.com/OKAMca/stack/commit/9b04ca0))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.42.3
+- Updated next-component to 1.1.5
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.7.27 (2025-10-14)
 
 ### 🩹 Fixes

package/hooks/directus-link.js

@@ -1,6 +1,8 @@
 "use strict";
 const Link = require("next/link.js");
+const logger = require("../logger.js");
 const directusFile = require("./directus-file.js");
+const directusSearchParams = require("./directus-search-params.js");
 function useFile(props) {
   const { file } = props;
   const { filename_download: filenameDownload } = file ?? {};
@@ -55,13 +57,23 @@ function useDirectusLink(props) {
     external_link: externalLink,
     file,
     id,
+    params,
     ...rest
   } = props;
+  const searchParams = directusSearchParams(params);
   if (!type) return {};
   const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
   const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
   const { href, ...restOfLinkProps } = linkProps;
   if (!href) return {};
+  if (!URL.canParse(href)) {
+    logger.logger.log("Invalid href", "error", { href });
+    return {};
+  }
+  const hrefUrl = new URL(href);
+  searchParams.forEach((value, name) => {
+    hrefUrl.searchParams.append(name, value);
+  });
   return {
     ...rest,
     as,
@@ -69,12 +81,12 @@ function useDirectusLink(props) {
     ...customTheme ? { customTheme } : {},
     ...tokens ? { tokens } : {},
     nextLinkProps: {
-      href,
+      href: hrefUrl.toString(),
       prefetch: prefetch ?? void 0,
       scroll: scroll ?? void 0,
       replace: replace ?? void 0
     },
-    href,
+    href: hrefUrl.toString(),
     children: label,
     ...restOfLinkProps
   };

package/hooks/directus-link.mjs

@@ -1,5 +1,7 @@
 import Link from "next/link.js";
+import { logger } from "../logger.mjs";
 import useDirectusFile from "./directus-file.mjs";
+import getDirectusSearchParams from "./directus-search-params.mjs";
 function useFile(props) {
   const { file } = props;
   const { filename_download: filenameDownload } = file ?? {};
@@ -54,13 +56,23 @@ function useDirectusLink(props) {
     external_link: externalLink,
     file,
     id,
+    params,
     ...rest
   } = props;
+  const searchParams = getDirectusSearchParams(params);
   if (!type) return {};
   const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
   const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
   const { href, ...restOfLinkProps } = linkProps;
   if (!href) return {};
+  if (!URL.canParse(href)) {
+    logger.log("Invalid href", "error", { href });
+    return {};
+  }
+  const hrefUrl = new URL(href);
+  searchParams.forEach((value, name) => {
+    hrefUrl.searchParams.append(name, value);
+  });
   return {
     ...rest,
     as,
@@ -68,12 +80,12 @@ function useDirectusLink(props) {
     ...customTheme ? { customTheme } : {},
     ...tokens ? { tokens } : {},
     nextLinkProps: {
-      href,
+      href: hrefUrl.toString(),
       prefetch: prefetch ?? void 0,
       scroll: scroll ?? void 0,
       replace: replace ?? void 0
     },
-    href,
+    href: hrefUrl.toString(),
     children: label,
     ...restOfLinkProps
   };

package/hooks/directus-search-params.d.ts

@@ -0,0 +1,3 @@
+import type { Nullable } from '@okam/stack-ui';
+import type { SearchParams } from '../types/links';
+export default function getDirectusSearchParams(params: Nullable<Nullable<SearchParams>[]>): URLSearchParams;

package/hooks/directus-search-params.js

@@ -0,0 +1,14 @@
+"use strict";
+const radashi = require("radashi");
+function getDirectusSearchParams(params) {
+  const searchParams = new URLSearchParams();
+  params == null ? void 0 : params.forEach((param) => {
+    const { name, value } = param ?? {};
+    if (radashi.isEmpty(name) || radashi.isEmpty(value)) {
+      return;
+    }
+    searchParams.set(name, value);
+  });
+  return searchParams;
+}
+module.exports = getDirectusSearchParams;

package/hooks/directus-search-params.mjs

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

package/index.d.ts

@@ -4,6 +4,7 @@ export { default as DirectusVideo } from './components/DirectusVideo';
 export { default as DirectusFile } from './components/DirectusFile';
 export { default as useDirectusFile } from './hooks/directus-file';
 export { default as useDirectusLink } from './hooks/directus-link';
+export { default as getDirectusSearchParams } from './hooks/directus-search-params';
 export { default as useNavigationItems } from './hooks/navigation-items';
 export { default as useMetadata } from './hooks/directus-metadata';
 export { logger as DirectusNextComponent } from './logger';
@@ -17,6 +18,6 @@ export type {
  * @deprecated Import from `@okam/directus-next` instead
  */ TPageSettings, } from '@okam/directus-next';
 export type { TNavigationItems, TNavigationItemsTree } from './types/navigation-items';
-export type { TLinks } from './types/links';
+export type { TLinks, SearchParams } from './types/links';
 export type { TDirectusLinkProps, TUseDirectusLink, TDirectusLink, TDirectusLinkPropsConfig, TDirectusLinkComponentsConfig, } from './components/DirectusLink/interface';
 export type { TMetadataOptions } from './types/metadata';

package/index.js

@@ -6,6 +6,7 @@ const index$2 = require("./components/DirectusVideo/index.js");
 const index$3 = require("./components/DirectusFile/index.js");
 const directusFile = require("./hooks/directus-file.js");
 const directusLink = require("./hooks/directus-link.js");
+const directusSearchParams = require("./hooks/directus-search-params.js");
 const navigationItems = require("./hooks/navigation-items.js");
 const directusMetadata = require("./hooks/directus-metadata.js");
 const logger = require("./logger.js");
@@ -15,6 +16,7 @@ exports.DirectusVideo = index$2;
 exports.DirectusFile = index$3;
 exports.useDirectusFile = directusFile;
 exports.useDirectusLink = directusLink;
+exports.getDirectusSearchParams = directusSearchParams;
 exports.useNavigationItems = navigationItems;
 exports.useMetadata = directusMetadata;
 exports.DirectusNextComponent = logger.logger;

package/index.mjs

@@ -4,8 +4,9 @@ import { default as default4 } from "./components/DirectusVideo/index.mjs";
 import { default as default5 } from "./components/DirectusFile/index.mjs";
 import { default as default6 } from "./hooks/directus-file.mjs";
 import { default as default7 } from "./hooks/directus-link.mjs";
-import { default as default8 } from "./hooks/navigation-items.mjs";
-import { default as default9 } from "./hooks/directus-metadata.mjs";
+import { default as default8 } from "./hooks/directus-search-params.mjs";
+import { default as default9 } from "./hooks/navigation-items.mjs";
+import { default as default10 } from "./hooks/directus-metadata.mjs";
 import { logger } from "./logger.mjs";
 export {
   default5 as DirectusFile,
@@ -13,8 +14,9 @@ export {
   default2 as DirectusLink,
   logger as DirectusNextComponent,
   default4 as DirectusVideo,
+  default8 as getDirectusSearchParams,
   default6 as useDirectusFile,
   default7 as useDirectusLink,
-  default9 as useMetadata,
-  default8 as useNavigationItems
+  default10 as useMetadata,
+  default9 as useNavigationItems
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-next-component",
-  "version": "1.7.27",
+  "version": "1.7.29",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -33,13 +33,13 @@
   },
   "dependencies": {
     "@okam/logger": "1.1.0",
-    "@okam/next-component": "1.1.4",
-    "@okam/stack-ui": "1.42.2",
+    "@okam/next-component": "1.1.5",
+    "@okam/stack-ui": "1.42.3",
     "@react-spring/web": "^9.7.5",
     "next": "^14.1.1",
     "radashi": "^12.3.0",
     "react": "18.3.1",
     "unlazy": "^0.12.1",
-    "@okam/directus-next": "1.2.4"
+    "@okam/directus-next": "1.2.5"
   }
 }

package/types/links.d.ts

@@ -1,17 +1,25 @@
 import type { TPageSettings, TFiles } from '@okam/directus-next';
+import type { Nullable } from '@okam/stack-ui';
 /**
  * Represent the directus `links` collection, not the props of the DirectusLink component
  */
-export type TLinks = {
-    anchor?: string | null;
-    external_link?: string | null;
+export interface TLinks {
+    anchor?: Nullable<string>;
+    external_link?: Nullable<string>;
     id?: string;
-    label?: string | null;
-    prefetch?: boolean | null;
-    replace?: boolean | null;
-    scroll?: boolean | null;
-    target?: string | null;
-    type?: string | null;
-    collection?: TPageSettings | null;
-    file?: TFiles | null;
-};
+    label?: Nullable<string>;
+    prefetch?: Nullable<boolean>;
+    replace?: Nullable<boolean>;
+    scroll?: Nullable<boolean>;
+    target?: Nullable<string>;
+    type?: Nullable<string>;
+    collection?: Nullable<TPageSettings>;
+    file?: Nullable<TFiles>;
+    params?: Nullable<Nullable<SearchParams>[]>;
+}
+export interface SearchParams {
+    id?: string;
+    name?: Nullable<string>;
+    value?: Nullable<string>;
+    link?: Nullable<TLinks>;
+}