@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260423070204 → 0.8.1-dev.20260423090220

package/dist/index.d.mts

@@ -366,4 +366,16 @@ declare const EmailInput: React.FC<InputControlProps>;
 
 declare const TimeInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+interface TabItem {
+    tabTitle: string;
+    displayOrder: number;
+    landingPageUrl: string;
+    isActive: boolean;
+}
+interface NavigationTabsV2Props {
+    tabs: TabItem[];
+    params?: Record<string, any>;
+}
+declare const NavigationTabsV2: React.FC<NavigationTabsV2Props>;
+
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NavigationTabsV2, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.d.ts

@@ -366,4 +366,16 @@ declare const EmailInput: React.FC<InputControlProps>;
 
 declare const TimeInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+interface TabItem {
+    tabTitle: string;
+    displayOrder: number;
+    landingPageUrl: string;
+    isActive: boolean;
+}
+interface NavigationTabsV2Props {
+    tabs: TabItem[];
+    params?: Record<string, any>;
+}
+declare const NavigationTabsV2: React.FC<NavigationTabsV2Props>;
+
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NavigationTabsV2, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.js

@@ -1123,6 +1123,7 @@ __export(index_exports, {
   LineTextInput: () => LineTextInput_default,
   MoneyInput: () => MoneyInput_default,
   MultilineTextInput: () => MultilineTextInput_default,
+  NavigationTabsV2: () => NavigationTabsV2_default,
   NumberInput: () => NumberInput_default,
   OtpInput: () => OtpInput_default,
   PageBodyRenderer: () => PageBodyRenderer_default,
@@ -2852,7 +2853,7 @@ function Hyperlink(props) {
     {
       href: props.href,
       prefetch: false,
-      className: `${linkClass} ${props.className ?? ""}`,
+      className: [linkClass, props.className].filter(Boolean).join(" "),
       ...additionalProps,
       target,
       children: props.children
@@ -3643,7 +3644,7 @@ var DataListRenderer = ({
   (0, import_react34.useEffect)(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
-      let resolvedRoute = resolveRoutePlaceholders(serviceRoute, params);
+      const resolvedRoute = resolveRoutePlaceholders(serviceRoute, params);
       const queryString = OdataBuilder.getOdataQueryString(query);
       const separator = resolvedRoute.includes("?") ? "&" : "?";
       const finalUrl = resolvedRoute + (queryString ? separator + queryString : "");
@@ -6005,6 +6006,47 @@ var Toast_default = Toast;
 
 // src/index.ts
 init_ToastService();
+
+// src/components/NavigationTabsV2.tsx
+var import_link3 = __toESM(require("next/link"));
+var import_navigation3 = require("next/navigation");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+function resolveRoutePlaceholders2(route, params) {
+  return route.replace(/\{([^}]+)\}/g, (match, key) => {
+    const value = params[key];
+    if (value === void 0 || value === null) {
+      console.warn(`No value found for route param: ${key}`);
+      return "";
+    }
+    return value;
+  });
+}
+var NavigationTabsV2 = ({ tabs, params = {} }) => {
+  const pathname = (0, import_navigation3.usePathname)();
+  const shouldHideTabs = pathname?.includes("/add");
+  if (shouldHideTabs) return null;
+  const mappedTabs = tabs?.sort((a, b) => a.displayOrder - b.displayOrder)?.map((tab) => ({
+    tabTitle: tab.tabTitle,
+    displayOrder: tab.displayOrder,
+    landingPageUrl: resolveRoutePlaceholders2(
+      tab.landingPageUrl,
+      params
+    ),
+    isActive: tab.isActive
+  })) || [];
+  if (mappedTabs.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      "div",
+      {
+        className: `text-sm font-medium border-b-2 px-6 py-2 transition
+                ${isActive ? "bg-info-base" : "bg-neutral-weak "}`,
+        children: tabTitle
+      }
+    ) }, landingPageUrl);
+  }) });
+};
+var NavigationTabsV2_default = NavigationTabsV2;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BooleanSelect,
@@ -6019,6 +6061,7 @@ init_ToastService();
   LineTextInput,
   MoneyInput,
   MultilineTextInput,
+  NavigationTabsV2,
   NumberInput,
   OtpInput,
   PageBodyRenderer,

package/dist/index.mjs

@@ -1730,7 +1730,7 @@ function Hyperlink(props) {
     {
       href: props.href,
       prefetch: false,
-      className: `${linkClass} ${props.className ?? ""}`,
+      className: [linkClass, props.className].filter(Boolean).join(" "),
       ...additionalProps,
       target,
       children: props.children
@@ -2517,7 +2517,7 @@ var DataListRenderer = ({
   useEffect7(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
-      let resolvedRoute = resolveRoutePlaceholders(serviceRoute, params);
+      const resolvedRoute = resolveRoutePlaceholders(serviceRoute, params);
       const queryString = OdataBuilder.getOdataQueryString(query);
       const separator = resolvedRoute.includes("?") ? "&" : "?";
       const finalUrl = resolvedRoute + (queryString ? separator + queryString : "");
@@ -4868,6 +4868,47 @@ var Toast = () => {
   ] }) }) });
 };
 var Toast_default = Toast;
+
+// src/components/NavigationTabsV2.tsx
+import Link3 from "next/link";
+import { usePathname as usePathname2 } from "next/navigation";
+import { jsx as jsx64 } from "react/jsx-runtime";
+function resolveRoutePlaceholders2(route, params) {
+  return route.replace(/\{([^}]+)\}/g, (match, key) => {
+    const value = params[key];
+    if (value === void 0 || value === null) {
+      console.warn(`No value found for route param: ${key}`);
+      return "";
+    }
+    return value;
+  });
+}
+var NavigationTabsV2 = ({ tabs, params = {} }) => {
+  const pathname = usePathname2();
+  const shouldHideTabs = pathname?.includes("/add");
+  if (shouldHideTabs) return null;
+  const mappedTabs = tabs?.sort((a, b) => a.displayOrder - b.displayOrder)?.map((tab) => ({
+    tabTitle: tab.tabTitle,
+    displayOrder: tab.displayOrder,
+    landingPageUrl: resolveRoutePlaceholders2(
+      tab.landingPageUrl,
+      params
+    ),
+    isActive: tab.isActive
+  })) || [];
+  if (mappedTabs.length === 0) return null;
+  return /* @__PURE__ */ jsx64("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ jsx64(Link3, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx64(
+      "div",
+      {
+        className: `text-sm font-medium border-b-2 px-6 py-2 transition
+                ${isActive ? "bg-info-base" : "bg-neutral-weak "}`,
+        children: tabTitle
+      }
+    ) }, landingPageUrl);
+  }) });
+};
+var NavigationTabsV2_default = NavigationTabsV2;
 export {
   BooleanSelect_default as BooleanSelect,
   CheckboxInput_default as CheckboxInput,
@@ -4881,6 +4922,7 @@ export {
   LineTextInput_default as LineTextInput,
   MoneyInput_default as MoneyInput,
   MultilineTextInput_default as MultilineTextInput,
+  NavigationTabsV2_default as NavigationTabsV2,
   NumberInput_default as NumberInput,
   OtpInput_default as OtpInput,
   PageBodyRenderer_default as PageBodyRenderer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260423070204",
+  "version": "0.8.1-dev.20260423090220",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",