@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260428094243 → 0.8.1-dev.20260428111737

package/dist/index.js

@@ -1296,13 +1296,23 @@ var timeZoneAbbreviations = {
 // src/components/controls/view/DateView.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DateView = (props) => {
-  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const [userTimeZone, setUserTimeZone] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    setUserTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone);
+  }, []);
+  if (!userTimeZone) return null;
   const getTimeZoneAbbreviation = (timeZone) => {
     return timeZoneAbbreviations[timeZone] || timeZone;
   };
+  const toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    const iso = s.replace(" ", "T");
+    const utc = iso.endsWith("Z") || iso.includes("+") ? iso : iso + "Z";
+    return new Date(utc);
+  };
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
-    const date = /* @__PURE__ */ new Date(dateString + "Z");
+    const date = toUtcDate(dateString);
     const diffMs = now.getTime() - date.getTime();
     const diffSec = Math.floor(diffMs / 1e3);
     const diffMin = Math.floor(diffSec / 60);
@@ -1319,9 +1329,8 @@ var DateView = (props) => {
       timeZone: userTimeZone
     }).format(date);
   };
-  console.log("DateView props:", props);
   const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
+    const parsedDate = toUtcDate(dateString);
     if (format === "relative") {
       return getRelativeTime(dateString);
     }

package/dist/index.mjs

@@ -43,7 +43,7 @@ var NumberView = (props) => {
 var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
-import React2 from "react";
+import React2, { useState, useEffect } from "react";
 
 // src/components/controls/view/TimeZoneAbbrevations.tsx
 var timeZoneAbbreviations = {
@@ -164,13 +164,23 @@ var timeZoneAbbreviations = {
 // src/components/controls/view/DateView.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var DateView = (props) => {
-  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const [userTimeZone, setUserTimeZone] = useState(null);
+  useEffect(() => {
+    setUserTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone);
+  }, []);
+  if (!userTimeZone) return null;
   const getTimeZoneAbbreviation = (timeZone) => {
     return timeZoneAbbreviations[timeZone] || timeZone;
   };
+  const toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    const iso = s.replace(" ", "T");
+    const utc = iso.endsWith("Z") || iso.includes("+") ? iso : iso + "Z";
+    return new Date(utc);
+  };
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
-    const date = /* @__PURE__ */ new Date(dateString + "Z");
+    const date = toUtcDate(dateString);
     const diffMs = now.getTime() - date.getTime();
     const diffSec = Math.floor(diffMs / 1e3);
     const diffMin = Math.floor(diffSec / 60);
@@ -187,9 +197,8 @@ var DateView = (props) => {
       timeZone: userTimeZone
     }).format(date);
   };
-  console.log("DateView props:", props);
   const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
+    const parsedDate = toUtcDate(dateString);
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
@@ -607,10 +616,10 @@ var InputControlType = {
 var InputControlType_default = InputControlType;
 
 // src/components/controls/edit/Select.tsx
-import { useState, useEffect } from "react";
+import { useState as useState2, useEffect as useEffect2 } from "react";
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var Select = (props) => {
-  const [list, setList] = useState([]);
+  const [list, setList] = useState2([]);
   const getSafeValue = (val) => {
     if (val === null || val === void 0) return "";
     if (typeof val === "boolean") return val ? "1" : "0";
@@ -639,7 +648,7 @@ var Select = (props) => {
       groupKey: props.groupKey
     });
   };
-  useEffect(() => {
+  useEffect2(() => {
     async function fetchData() {
       if (props.dataset) {
         setList(props.dataset);
@@ -1020,11 +1029,11 @@ var DateTimeInput = (props) => {
 var DateTimeInput_default = DateTimeInput;
 
 // src/components/controls/edit/ColorInput.tsx
-import React21, { useEffect as useEffect2 } from "react";
+import React21, { useEffect as useEffect3 } from "react";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var ColorInput = (props) => {
   const [color, setColor] = React21.useState("#3b82f6");
-  useEffect2(() => {
+  useEffect3(() => {
     if (props.value !== void 0 && props.value !== null) {
       if (typeof props.value === "string") {
         setColor(props.value);
@@ -1066,15 +1075,15 @@ var ColorInput = (props) => {
 var ColorInput_default = ColorInput;
 
 // src/components/controls/edit/SelectWithSearchInput.tsx
-import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
+import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var SelectWithSearchInput = (props) => {
-  const [isOpen, setIsOpen] = useState2(false);
-  const [searchTerm, setSearchTerm] = useState2("");
-  const [highlightedIndex, setHighlightedIndex] = useState2(-1);
-  const [selectedItem, setSelectedItem] = useState2(null);
-  const [list, setList] = useState2([]);
-  useEffect3(() => {
+  const [isOpen, setIsOpen] = useState3(false);
+  const [searchTerm, setSearchTerm] = useState3("");
+  const [highlightedIndex, setHighlightedIndex] = useState3(-1);
+  const [selectedItem, setSelectedItem] = useState3(null);
+  const [list, setList] = useState3([]);
+  useEffect4(() => {
     async function fetchData() {
       if (props.dataset) {
         setList(props.dataset);
@@ -1129,7 +1138,7 @@ var SelectWithSearchInput = (props) => {
     }
   };
   const dropdownRef = useRef(null);
-  useEffect3(() => {
+  useEffect4(() => {
     if (highlightedIndex >= 0 && dropdownRef.current) {
       const highlightedItem = dropdownRef.current.children[highlightedIndex];
       highlightedItem?.scrollIntoView({
@@ -1215,26 +1224,26 @@ var SelectWithSearchInput_default = SelectWithSearchInput;
 
 // src/components/controls/edit/SelectWithSearchPanel.tsx
 import React23, {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useRef as useRef2,
-  useState as useState3,
+  useState as useState4,
   useCallback
 } from "react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var SelectWithSearchPanel = (props) => {
-  const [isOpen, setIsOpen] = useState3(false);
-  const [searchTerm, setSearchTerm] = useState3("");
-  const [highlightedIndex, setHighlightedIndex] = useState3(0);
-  const [list, setList] = useState3([]);
+  const [isOpen, setIsOpen] = useState4(false);
+  const [searchTerm, setSearchTerm] = useState4("");
+  const [highlightedIndex, setHighlightedIndex] = useState4(0);
+  const [list, setList] = useState4([]);
   const listRef = useRef2(null);
-  const [isError, setIsError] = useState3(false);
+  const [isError, setIsError] = useState4(false);
   const containerRef = useRef2(null);
-  const [isCreateOpen, setIsCreateOpen] = useState3(false);
-  const [formData, setFormData] = useState3({});
+  const [isCreateOpen, setIsCreateOpen] = useState4(false);
+  const [formData, setFormData] = useState4({});
   const getNestedValue3 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
-  useEffect4(() => {
+  useEffect5(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1245,7 +1254,7 @@ var SelectWithSearchPanel = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     async function fetchData() {
       if (props.dataset) {
         setList(props.dataset);
@@ -1287,7 +1296,7 @@ var SelectWithSearchPanel = (props) => {
       audioCtx.close();
     }, 250);
   };
-  useEffect4(() => {
+  useEffect5(() => {
     const filteredItems2 = list?.filter(
       (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
     );
@@ -1467,12 +1476,12 @@ var SelectWithSearchPanel_default = SelectWithSearchPanel;
 
 // src/components/controls/edit/BooleanSelect.tsx
 import React24, {
-  useState as useState4,
-  useEffect as useEffect5
+  useState as useState5,
+  useEffect as useEffect6
 } from "react";
 import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var BooleanSelect = (props) => {
-  const [list, setList] = useState4();
+  const [list, setList] = useState5();
   const textChangeHandler = (event) => {
     const text = event.target.value;
     const boolValue = text?.toLowerCase() === "true" || text === "1";
@@ -1485,7 +1494,7 @@ var BooleanSelect = (props) => {
       });
     }
   };
-  useEffect5(() => {
+  useEffect6(() => {
     async function fetchData() {
       console.log("in select");
       if (props.dataset) {
@@ -1645,7 +1654,7 @@ var TimeInput = (props) => {
 var TimeInput_default = TimeInput;
 
 // src/components/controls/edit/AssetUpload.tsx
-import React27, { useEffect as useEffect6 } from "react";
+import React27, { useEffect as useEffect7 } from "react";
 
 // src/components/utilities/AssetUtility.tsx
 var AssetUtility = class {
@@ -1763,7 +1772,7 @@ var AssetUpload = (props) => {
     return "image";
   };
   const [assetType, setAssetType] = React27.useState(getInitialTab);
-  useEffect6(() => {
+  useEffect7(() => {
     setAssetType(getInitialTab());
   }, [props.value]);
   const assetUploadCallback = (newAsset) => {
@@ -2868,7 +2877,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-import React38, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
+import React38, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect8 } from "react";
 
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
 import { jsx as jsx51 } from "react/jsx-runtime";
@@ -2961,7 +2970,7 @@ var FormContainerNode = (props) => {
   const handleInputChange = useCallback2((updatedValues) => {
     dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
   }, [dispatch]);
-  useEffect7(() => {
+  useEffect8(() => {
     const fetchInitialData = async () => {
       const client = new ServiceClient_default(props.apiBaseUrl, props.session);
       const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
@@ -3018,7 +3027,7 @@ var EmbedNode = (props) => {
 var EmbedNode_default = EmbedNode;
 
 // src/components/Slider.tsx
-import React39, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
+import React39, { useState as useState6, useEffect as useEffect9, Children, cloneElement } from "react";
 import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
 var Slider = ({
   children,
@@ -3037,13 +3046,13 @@ var Slider = ({
   pillStyle = "cumulative",
   progressPosition = "bottom"
 }) => {
-  const [currentSlide, setCurrentSlide] = useState5(0);
-  const [transition, setTransition] = useState5(true);
-  const [slidesToShowState, setSlidesToShowState] = useState5(
+  const [currentSlide, setCurrentSlide] = useState6(0);
+  const [transition, setTransition] = useState6(true);
+  const [slidesToShowState, setSlidesToShowState] = useState6(
     typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
   );
-  const [isPlaying, setIsPlaying] = useState5(autoplay);
-  useEffect8(() => {
+  const [isPlaying, setIsPlaying] = useState6(autoplay);
+  useEffect9(() => {
     if (typeof slidesToShow === "number") return;
     const handleResize = () => {
       if (window.innerWidth >= 1024) {
@@ -3058,7 +3067,7 @@ var Slider = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [slidesToShow]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!autoplay) return;
     const timer = setInterval(() => {
       if (isPlaying) {
@@ -3234,13 +3243,13 @@ var ProgressPill = ({
   currentSlide,
   totalSlides
 }) => {
-  const [progress, setProgress] = useState5(0);
-  useEffect8(() => {
+  const [progress, setProgress] = useState6(0);
+  useEffect9(() => {
     if (active) {
       setProgress(0);
     }
   }, [active, index]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!active || !isPlaying) {
       if (!active) {
         setProgress(0);
@@ -4404,12 +4413,12 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";
 var Toast = () => {
-  const [showToast, setShowToast] = useState7(false);
-  const [message, setMessage] = useState7("");
-  const [messageType, setMessageType] = useState7("error");
+  const [showToast, setShowToast] = useState8(false);
+  const [message, setMessage] = useState8("");
+  const [messageType, setMessageType] = useState8("error");
   ToastService_default.showError = function(message2) {
     setShowToast(true);
     setMessage(message2);
@@ -4514,7 +4523,7 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React46, { useEffect as useEffect9, useState as useState8, useCallback as useCallback3, useReducer as useReducer2 } from "react";
+import React46, { useEffect as useEffect10, useState as useState9, useCallback as useCallback3, useReducer as useReducer2 } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
@@ -4577,8 +4586,8 @@ var DataList = (props) => {
   let activePageNumber = 0;
   let pages = 0;
   console.log(props.addLinkText);
-  const [isDataFound, setIsDataFound] = useState8(null);
-  useEffect9(() => {
+  const [isDataFound, setIsDataFound] = useState9(null);
+  useEffect10(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -5021,7 +5030,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React47, { useState as useState9, useEffect as useEffect10 } from "react";
+import React47, { useState as useState10, useEffect as useEffect11 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -5077,14 +5086,14 @@ var DataListRenderer = ({
   widgetProps
 }) => {
   const serviceClient = new ServiceClient_default(apiBaseUrl, session);
-  const [columns, setColumns] = useState9([]);
-  const [dataset, setDataset] = useState9();
-  const [filter, setFilters] = useState9([]);
-  const [addLinkHref, setAddLinkHref] = useState9("");
-  const [addLinkText, setAddLinkText] = useState9("");
-  const [serviceRoute, setServiceRoute] = useState9("");
+  const [columns, setColumns] = useState10([]);
+  const [dataset, setDataset] = useState10();
+  const [filter, setFilters] = useState10([]);
+  const [addLinkHref, setAddLinkHref] = useState10("");
+  const [addLinkText, setAddLinkText] = useState10("");
+  const [serviceRoute, setServiceRoute] = useState10("");
   const pathname = usePathname2();
-  useEffect10(() => {
+  useEffect11(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -5097,7 +5106,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  useEffect10(() => {
+  useEffect11(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -5109,7 +5118,7 @@ var DataListRenderer = ({
     };
     fetchData();
   }, [serviceRoute, query, params]);
-  const [tabItem, setTabItem] = useState9();
+  const [tabItem, setTabItem] = useState10();
   const activeTab = tabItem?.find((tab) => tab.isActive);
   const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
   return /* @__PURE__ */ jsxs37(React47.Fragment, { children: [
@@ -5133,7 +5142,7 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React49, { useCallback as useCallback5, useEffect as useEffect11, useReducer as useReducer3, useRef as useRef4 } from "react";
+import React49, { useCallback as useCallback5, useEffect as useEffect12, useReducer as useReducer3, useRef as useRef4 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
 import React48, { useCallback as useCallback4 } from "react";
@@ -5415,7 +5424,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  useEffect11(() => {
+  useEffect12(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -5510,7 +5519,7 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,

package/package.json

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