@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260708070033 → 0.8.1-dev.20260708102516

package/dist/index.mjs

@@ -33,7 +33,7 @@ import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-67IG5NBU.mjs";
+} from "./chunk-JKP4XOZB.mjs";
 import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/view/ViewControl.tsx
@@ -408,7 +408,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-646PQPKQ.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-XS52LLEE.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -612,7 +612,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic6 from "next/dynamic";
 import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-WA5N3CBJ.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-LX3KKGZY.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -2746,50 +2746,41 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
-import { useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState(false);
   const [message, setMessage] = useState("");
   const [messageType, setMessageType] = useState("error");
-  ToastService_default.showError = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("error");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showSuccess = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("success");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showWarning = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("warning");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showInfo = function(message2) {
+  const timeoutRef = useRef(null);
+  const closeToast = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setShowToast(false);
+  }, []);
+  const showMessage = useCallback((message2, messageType2) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
     setShowToast(true);
     setMessage(message2);
-    setMessageType("info");
-    setTimeout(() => {
+    setMessageType(messageType2);
+    timeoutRef.current = setTimeout(() => {
       setShowToast(false);
+      timeoutRef.current = null;
     }, 4e3);
-  };
-  ToastService_default.close = function() {
-    setShowToast(false);
-  };
-  const closeToast = () => {
-    setShowToast(false);
-  };
+  }, []);
+  useEffect(() => {
+    ToastService_default.initialize(showMessage, closeToast);
+    return () => {
+      closeToast();
+      ToastService_default.initialize(() => {
+      }, () => {
+      });
+    };
+  }, [closeToast, showMessage]);
   return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx36(
       "span",
@@ -2856,7 +2847,7 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React27, { useEffect, useState as useState2, useCallback, useReducer } from "react";
+import React27, { useEffect as useEffect2, useState as useState2, useCallback as useCallback2, useReducer } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
@@ -2964,7 +2955,7 @@ var DataList = (props) => {
   console.log(props.addLinkText);
   const [isDataFound, setIsDataFound] = useState2(null);
   const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
-  useEffect(() => {
+  useEffect2(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -2973,7 +2964,7 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!props.query?.["$filter"] || !props.filters) return;
     const filterQuery = props.query["$filter"];
     props.filters.forEach((filter) => {
@@ -3005,7 +2996,7 @@ var DataList = (props) => {
   const getSearchableColumns = () => {
     return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
   };
-  const handleFilterChange = useCallback(
+  const handleFilterChange = useCallback2(
     (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -3036,7 +3027,7 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (!props.columns.some((col) => col.isSearchable)) {
       return;
     }
@@ -3483,7 +3474,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React28, { useState as useState3, useEffect as useEffect2 } from "react";
+import React28, { useState as useState3, useEffect as useEffect3 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -3547,7 +3538,7 @@ var DataListRenderer = ({
   const [addLinkText, setAddLinkText] = useState3("");
   const [serviceRoute, setServiceRoute] = useState3("");
   const pathname = usePathname2();
-  useEffect2(() => {
+  useEffect3(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -3560,7 +3551,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  useEffect2(() => {
+  useEffect3(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -3607,10 +3598,10 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React30, { useCallback as useCallback3, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
+import React30, { useCallback as useCallback4, useEffect as useEffect4, useReducer as useReducer2, useRef as useRef2 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import React29, { useCallback as useCallback2 } from "react";
+import React29, { useCallback as useCallback3 } from "react";
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -3645,7 +3636,7 @@ var DataFormChildSection = (props) => {
     return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
   };
   const childItemsToRender = getChildItemsForRendering();
-  const handleChildInputChange = useCallback2(
+  const handleChildInputChange = useCallback3(
     (updatedValues) => {
       if (isOneToOne) {
         props.callback({
@@ -3672,7 +3663,7 @@ var DataFormChildSection = (props) => {
     },
     [props, isOneToOne, childItemsToRender]
   );
-  const onAddRow = useCallback2(() => {
+  const onAddRow = useCallback3(() => {
     props.callback({
       sectionName: props.section.name,
       actionType: FORM_CHILD_ROW_ADD,
@@ -3681,7 +3672,7 @@ var DataFormChildSection = (props) => {
       rowIndex: -1
     });
   }, [props]);
-  const onDeleteRow = useCallback2(
+  const onDeleteRow = useCallback3(
     (filteredIndex) => {
       const visibleItem = childItemsToRender[filteredIndex];
       if (visibleItem) {
@@ -3794,7 +3785,7 @@ var DataFormChildSection_default = DataFormChildSection;
 // src/components/dataForm/DataForm.tsx
 import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataForm = (props) => {
-  const formRef = useRef(null);
+  const formRef = useRef2(null);
   console.log(props.dataItem, "dssads");
   const initialState = {
     inputValues: {},
@@ -3805,7 +3796,7 @@ var DataForm = (props) => {
   };
   const [formState, dispatch] = useReducer2(FormReducer_default, initialState);
   console.log(props.sections, "sections");
-  const clearHiddenChildSections = useCallback3(
+  const clearHiddenChildSections = useCallback4(
     (changedProperty, newValues) => {
       if (!props.sections) return;
       const allChildSections = [];
@@ -3843,7 +3834,7 @@ var DataForm = (props) => {
     },
     [props.sections, formState.inputValues]
   );
-  const handleInputChange = useCallback3(
+  const handleInputChange = useCallback4(
     async (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -3858,7 +3849,7 @@ var DataForm = (props) => {
     },
     [dispatch, formState.inputValues, clearHiddenChildSections]
   );
-  const fetchData = useCallback3(async () => {
+  const fetchData = useCallback4(async () => {
     if (!props.rules) return;
     if (Object.keys(formState.inputValues).length === 0) {
       return;
@@ -3889,7 +3880,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  useEffect3(() => {
+  useEffect4(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -3909,7 +3900,7 @@ var DataForm = (props) => {
       }
     );
   }
-  const handleChildSectionChangeCallback = useCallback3(
+  const handleChildSectionChangeCallback = useCallback4(
     (params) => {
       dispatch({
         type: params.actionType,
@@ -3954,7 +3945,7 @@ var DataForm = (props) => {
     });
     return cloned;
   }
-  const onClick = useCallback3(async () => {
+  const onClick = useCallback4(async () => {
     if (props.onClick) {
       const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
       const normalizedValues = normalizeChildSections(
@@ -3970,21 +3961,21 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  const handleAdditionalOnClick = useCallback3(async () => {
+  const handleAdditionalOnClick = useCallback4(async () => {
     if (props.additionalActions?.onClick) {
       return await props.additionalActions.onClick(formState);
     } else {
       return { isSuccessful: true, message: "Action completed successfully" };
     }
   }, [formState, props]);
-  const onDelete = useCallback3(async () => {
+  const onDelete = useCallback4(async () => {
     if (props.onDelete) {
       return await props.onDelete(formState);
     } else {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,

package/dist/server.js

@@ -691,38 +691,52 @@ var init_Hyperlink = __esm({
 });
 
 // src/components/ToastService.tsx
-var ToastService, ToastService_default;
+var toastHandlersKey, getToastHandlers, ToastService, ToastService_default;
 var init_ToastService = __esm({
   "src/components/ToastService.tsx"() {
     "use strict";
-    ToastService = class _ToastService {
+    toastHandlersKey = "__digitalStoreToastHandlers";
+    getToastHandlers = () => {
+      const globalScope = globalThis;
+      if (!globalScope[toastHandlersKey]) {
+        globalScope[toastHandlersKey] = {};
+      }
+      return globalScope[toastHandlersKey];
+    };
+    ToastService = class {
       static initialize(showToast, closeToast) {
-        _ToastService.showToast = showToast;
-        _ToastService.closeToast = closeToast;
+        const handlers = getToastHandlers();
+        handlers.showToast = showToast;
+        handlers.closeToast = closeToast;
       }
       static showError(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "error");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "error");
         }
       }
       static showInfo(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "info");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "info");
         }
       }
       static showWarning(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "warning");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "warning");
         }
       }
       static showSuccess(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "success");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "success");
         }
       }
       static close() {
-        if (_ToastService.closeToast) {
-          _ToastService.closeToast();
+        const handlers = getToastHandlers();
+        if (handlers.closeToast) {
+          handlers.closeToast();
         }
       }
     };
@@ -1191,10 +1205,9 @@ var init_LinkNodeButton = __esm({
         }
         return current;
       }, []);
-      const onClick = (0, import_react5.useCallback)(async (e) => {
+      const onClick = (0, import_react5.useCallback)(async () => {
         if (!node.postUrl) {
-          ToastService_default.showError("No POST URL configured for this button");
-          return;
+          return { isSuccessful: false, message: "No POST URL configured for this button" };
         }
         setIsLoading(true);
         try {

package/dist/server.mjs

@@ -305,7 +305,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic3 from "next/dynamic";
 import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-GVOICN34.mjs"), {
+var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-U7T2NP22.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {

package/package.json

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

package/dist/Pagination-YCD5CU2L.mjs

@@ -1,183 +0,0 @@
-"use client";
-
-"use client";
-import {
-  OdataBuilder
-} from "./chunk-R2HV35IB.mjs";
-import {
-  Constants,
-  Hyperlink,
-  Icon_default
-} from "./chunk-2GSYECIS.mjs";
-import "./chunk-IMNQO57B.mjs";
-
-// src/components/Pagination.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Pagination = (props) => {
-  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
-  const builder = useMemo(() => {
-    const b = new OdataBuilder(path);
-    if (query) b.setQuery(query);
-    return b;
-  }, [path, query]);
-  const activePageNumber = builder.getPageNumber(Constants.pagesize);
-  const totalItems = dataset?.count || 0;
-  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
-  const totalPages = Math.ceil(totalItems / itemsPerPage);
-  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
-  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
-  const getPaginationRange = () => {
-    const delta = 1;
-    const range = [];
-    if (totalPages <= 7) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    range.push(1);
-    let start = Math.max(2, activePageNumber - delta);
-    let end = Math.min(totalPages - 1, activePageNumber + delta);
-    if (activePageNumber - delta <= 2) {
-      end = Math.min(totalPages - 1, 4);
-    }
-    if (activePageNumber + delta >= totalPages - 1) {
-      start = Math.max(2, totalPages - 4);
-    }
-    if (start > 2) {
-      range.push("...");
-    }
-    for (let i = start; i <= end; i++) {
-      range.push(i);
-    }
-    if (end < totalPages - 1) {
-      range.push("...");
-    }
-    if (totalPages > 1) {
-      range.push(totalPages);
-    }
-    return range;
-  };
-  const paginationRange = getPaginationRange();
-  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
-    Hyperlink,
-    {
-      linkType: "Link" /* Link */,
-      className: `
-               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
-                border text-sm font-medium transition-colors duration-150
-                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
-            `,
-      href: builder.getNewPageUrl(page),
-      children
-    }
-  );
-  const NavigationButton = ({ page, disabled, children }) => {
-    if (disabled) {
-      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
-    }
-    return /* @__PURE__ */ jsx(
-      Hyperlink,
-      {
-        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
-        href: builder.getNewPageUrl(page),
-        children
-      }
-    );
-  };
-  if (totalPages <= 1 && totalItems === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
-        "Showing ",
-        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-          startItem,
-          "-",
-          endItem
-        ] }),
-        " ",
-        "out of ",
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
-        " results"
-      ] }),
-      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
-        /* @__PURE__ */ jsxs(
-          NavigationButton,
-          {
-            page: activePageNumber - 1,
-            disabled: activePageNumber === 1,
-            children: [
-              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
-            ]
-          }
-        ),
-        paginationRange.map((item, index) => {
-          if (item === "...") {
-            return /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
-                children: "..."
-              },
-              `ellipsis-${index}`
-            );
-          }
-          const page = item;
-          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
-        }),
-        /* @__PURE__ */ jsxs(
-          NavigationButton,
-          {
-            page: activePageNumber + 1,
-            disabled: activePageNumber === totalPages,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
-              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
-            ]
-          }
-        )
-      ] }),
-      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
-        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: "1",
-            max: totalPages,
-            defaultValue: activePageNumber,
-            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                const input = e.target;
-                const page = parseInt(input.value);
-                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
-                  window.location.href = builder.getNewPageUrl(page);
-                }
-              }
-            }
-          }
-        ) })
-      ] })
-    ] }),
-    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
-      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
-        Hyperlink,
-        {
-          className: `
-                                        px-3 py-1 text-sm rounded border transition-colors duration-150
-                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
-                                    `,
-          href: builder.getNewPageSizeUrl(size),
-          children: size
-        },
-        size
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
-    ] }) })
-  ] });
-};
-var Pagination_default = Pagination;
-export {
-  Pagination_default as default
-};