@helpwave/hightide 0.8.11 → 0.8.12

package/dist/index.mjs

@@ -14394,10 +14394,10 @@ var TableSortButton = ({
 
 // src/components/layout/table/TableFilterButton.tsx
 import { FilterIcon } from "lucide-react";
-import { useEffect as useEffect39, useId as useId15, useMemo as useMemo29, useRef as useRef31, useState as useState34 } from "react";
+import { useEffect as useEffect40, useId as useId15, useMemo as useMemo29, useRef as useRef31, useState as useState35 } from "react";
 
 // src/components/user-interaction/input/DateTimeInput.tsx
-import { forwardRef as forwardRef17, useCallback as useCallback26, useEffect as useEffect38, useId as useId13, useImperativeHandle as useImperativeHandle11, useMemo as useMemo27, useRef as useRef30, useState as useState32 } from "react";
+import { forwardRef as forwardRef17, useCallback as useCallback26, useEffect as useEffect39, useId as useId13, useImperativeHandle as useImperativeHandle11, useMemo as useMemo27, useRef as useRef30, useState as useState33 } from "react";
 import { CalendarIcon } from "lucide-react";
 import clsx24 from "clsx";
 
@@ -15208,6 +15208,7 @@ var DateTimePicker = ({
 };
 
 // src/components/user-interaction/date/DateTimePickerDialog.tsx
+import { useEffect as useEffect31, useState as useState28 } from "react";
 import { Fragment as Fragment6, jsx as jsx65, jsxs as jsxs35 } from "react/jsx-runtime";
 var DateTimePickerDialog = ({
   initialValue = null,
@@ -15235,6 +15236,10 @@ var DateTimePickerDialog = ({
     onValueChange,
     defaultValue: initialValue
   });
+  const [pickerState, setPickerState] = useState28(state ?? /* @__PURE__ */ new Date());
+  useEffect31(() => {
+    setPickerState(state ?? /* @__PURE__ */ new Date());
+  }, [state]);
   return /* @__PURE__ */ jsxs35(Fragment6, { children: [
     /* @__PURE__ */ jsx65("div", { className: "flex-row-2 justify-center w-full py-1", children: /* @__PURE__ */ jsx65(
       "span",
@@ -15249,9 +15254,9 @@ var DateTimePickerDialog = ({
       {
         ...pickerProps,
         mode,
-        value: state,
-        onValueChange: setState,
-        onEditComplete: setState,
+        value: pickerState,
+        onValueChange: setPickerState,
+        onEditComplete: setPickerState,
         start,
         end,
         weekStart,
@@ -15264,7 +15269,7 @@ var DateTimePickerDialog = ({
       }
     ),
     /* @__PURE__ */ jsxs35("div", { className: "flex-row-2 justify-end", children: [
-      /* @__PURE__ */ jsx65(Visibility, { isVisible: allowRemove && !!initialValue, children: /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx65(Visibility, { isVisible: allowRemove && !!state, children: /* @__PURE__ */ jsx65(
         Button,
         {
           size: "md",
@@ -15277,14 +15282,14 @@ var DateTimePickerDialog = ({
           children: translation("clear")
         }
       ) }),
-      /* @__PURE__ */ jsx65(Visibility, { isVisible: !initialValue, children: /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx65(Visibility, { isVisible: !state, children: /* @__PURE__ */ jsx65(
         Button,
         {
           size: "md",
           color: "neutral",
           onClick: () => {
-            setState(initialValue);
-            onEditComplete?.(initialValue);
+            setState(state);
+            onEditComplete?.(state);
           },
           className: "min-w-26",
           children: translation("cancel")
@@ -15295,7 +15300,7 @@ var DateTimePickerDialog = ({
         {
           size: "md",
           onClick: () => {
-            onEditComplete?.(state);
+            onEditComplete?.(pickerState);
           },
           className: "min-w-26",
           children: translation("done")
@@ -15306,7 +15311,7 @@ var DateTimePickerDialog = ({
 };
 
 // src/hooks/focus/useFocusGuards.ts
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect32 } from "react";
 var selectorName = "data-hw-focus-guard";
 function FocusGuard() {
   const element = document.createElement("div");
@@ -15344,7 +15349,7 @@ var FocusGuardsService = class _FocusGuardsService {
   }
 };
 var useFocusGuards = () => {
-  useEffect31(() => {
+  useEffect32(() => {
     FocusGuardsService.getInstance().add();
     return () => {
       FocusGuardsService.getInstance().remove();
@@ -15353,10 +15358,10 @@ var useFocusGuards = () => {
 };
 
 // src/hooks/focus/useFocusOnceVisible.ts
-import React6, { useEffect as useEffect32 } from "react";
+import React6, { useEffect as useEffect33 } from "react";
 var useFocusOnceVisible = (ref, disable = false) => {
   const [hasUsedFocus, setHasUsedFocus] = React6.useState(false);
-  useEffect32(() => {
+  useEffect33(() => {
     if (disable || hasUsedFocus) {
       return;
     }
@@ -15376,11 +15381,11 @@ var useFocusOnceVisible = (ref, disable = false) => {
 };
 
 // src/hooks/focus/useIsMounted.ts
-import { useEffect as useEffect33, useLayoutEffect as useLayoutEffect7, useState as useState28 } from "react";
+import { useEffect as useEffect34, useLayoutEffect as useLayoutEffect7, useState as useState29 } from "react";
 var isClient = typeof window !== "undefined" && typeof document !== "undefined";
-var useIsomorphicEffect = isClient ? useLayoutEffect7 : useEffect33;
+var useIsomorphicEffect = isClient ? useLayoutEffect7 : useEffect34;
 var useIsMounted = () => {
-  const [isMounted, setIsMounted] = useState28(false);
+  const [isMounted, setIsMounted] = useState29(false);
   useIsomorphicEffect(() => {
     setIsMounted(true);
     return () => {
@@ -15391,10 +15396,10 @@ var useIsMounted = () => {
 };
 
 // src/hooks/useHandleRefs.ts
-import { useEffect as useEffect34, useRef as useRef29 } from "react";
+import { useEffect as useEffect35, useRef as useRef29 } from "react";
 function useHandleRefs(handleRef) {
   const refs = useRef29([]);
-  useEffect34(() => {
+  useEffect35(() => {
     refs.current = Object.keys(handleRef?.current ?? {}).map(
       () => ({ current: null })
     );
@@ -15432,10 +15437,10 @@ function useLogUnstableDependencies(name, value) {
 }
 
 // src/hooks/useOverwritableState.ts
-import { useEffect as useEffect35, useState as useState29 } from "react";
+import { useEffect as useEffect36, useState as useState30 } from "react";
 var useOverwritableState = (overwriteValue, onChange) => {
-  const [state, setState] = useState29(overwriteValue);
-  useEffect35(() => {
+  const [state, setState] = useState30(overwriteValue);
+  useEffect36(() => {
     setState(overwriteValue);
   }, [overwriteValue]);
   const onChangeWrapper = (action) => {
@@ -15453,7 +15458,7 @@ var useRerender = () => {
 };
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback25, useEffect as useEffect36, useMemo as useMemo25, useState as useState30 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect37, useMemo as useMemo25, useState as useState31 } from "react";
 
 // src/utils/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -15492,8 +15497,8 @@ var useSearch = ({
   filter,
   disabled = false
 }) => {
-  const [search, setSearch] = useState30(initialSearch ?? "");
-  const [result, setResult] = useState30(list);
+  const [search, setSearch] = useState31(initialSearch ?? "");
+  const [result, setResult] = useState31(list);
   const searchTags = useMemo25(() => additionalSearchTags ?? [], [additionalSearchTags]);
   const updateSearch = useCallback25((newSearch) => {
     const usedSearch = newSearch ?? search;
@@ -15502,7 +15507,7 @@ var useSearch = ({
     }
     setResult(MultiSubjectSearchWithMapping([usedSearch, ...searchTags], list, searchMapping));
   }, [searchTags, list, search, searchMapping]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (isSearchInstant) {
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
@@ -15536,23 +15541,23 @@ var useSearch = ({
 };
 
 // src/hooks/useUpdatingDateString.ts
-import { useEffect as useEffect37, useState as useState31 } from "react";
+import { useEffect as useEffect38, useState as useState32 } from "react";
 var useUpdatingDateString = ({ absoluteFormat = "dateTime", localeOverride, date }) => {
   const { locale: contextLocale } = useLocale();
   const locale = localeOverride ?? contextLocale;
-  const [dateAndTimeStrings, setDateAndTimeStrings] = useState31({
+  const [dateAndTimeStrings, setDateAndTimeStrings] = useState32({
     compareDate: date,
     absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat),
     relative: DateUtils.formatRelative(date, locale)
   });
-  useEffect37(() => {
+  useEffect38(() => {
     setDateAndTimeStrings({
       compareDate: date,
       absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat),
       relative: DateUtils.formatRelative(date, locale)
     });
   }, [date, absoluteFormat, locale]);
-  useEffect37(() => {
+  useEffect38(() => {
     let timeoutId;
     const startTimer = () => {
       const now = /* @__PURE__ */ new Date();
@@ -15701,19 +15706,19 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
   ...props
 }, forwardedRef) {
   const translation = useHightideTranslation();
-  const [isOpen, setIsOpen] = useState32(false);
+  const [isOpen, setIsOpen] = useState33(false);
   const [state, setState] = useControlledState({
     value,
     onValueChange,
     defaultValue: initialValue
   });
-  const [dialogValue, setDialogValue] = useState32(state ?? /* @__PURE__ */ new Date());
-  const [stringInputState, setStringInputState] = useState32({
+  const [dialogValue, setDialogValue] = useState33(state);
+  const [stringInputState, setStringInputState] = useState33({
     state: state ? DateUtils.toInputString(state, mode, precision) : "",
     date: void 0
   });
-  useEffect38(() => {
-    setDialogValue(state ?? /* @__PURE__ */ new Date());
+  useEffect39(() => {
+    setDialogValue(state);
     setStringInputState({
       state: state ? DateUtils.toInputString(state, mode) : "",
       date: void 0
@@ -15731,7 +15736,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
   }), [generatedId, inputId]);
   const innerRef = useRef30(null);
   useImperativeHandle11(forwardedRef, () => innerRef.current);
-  useEffect38(() => {
+  useEffect39(() => {
     if (readOnly || disabled) {
       changeOpenWrapper(false);
     }
@@ -15857,7 +15862,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
 });
 
 // src/components/layout/table/TableFilterPopups.tsx
-import { useId as useId14, useMemo as useMemo28, useState as useState33 } from "react";
+import { useId as useId14, useMemo as useMemo28, useState as useState34 } from "react";
 
 // src/components/user-interaction/select/MultiSelect.tsx
 import { forwardRef as forwardRef18 } from "react";
@@ -16285,8 +16290,8 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
   };
   const operator = filterValue?.operator ?? "dateBetween";
   const parameter = filterValue?.parameter ?? {};
-  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState33(null);
-  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState33(null);
+  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState34(null);
+  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState34(null);
   const availableOperators = useMemo28(() => [
     ...TableFilterOperator.date,
     ...TableFilterOperator.generic
@@ -16410,8 +16415,8 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
   };
   const operator = filterValue?.operator ?? "dateTimeBetween";
   const parameter = filterValue?.parameter ?? {};
-  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState33(null);
-  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState33(null);
+  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState34(null);
+  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState34(null);
   const availableOperators = useMemo28(() => [
     ...TableFilterOperator.dateTime,
     ...TableFilterOperator.generic
@@ -16716,18 +16721,18 @@ var TableFilterButton = ({
 }) => {
   const translation = useHightideTranslation();
   const columnFilterValue = column.getFilterValue();
-  const [filterValue, setFilterValue] = useState34(columnFilterValue);
+  const [filterValue, setFilterValue] = useState35(columnFilterValue);
   const hasFilter = !!filterValue;
   const anchorRef = useRef31(null);
   const containerRef = useRef31(null);
-  const [isOpen, setIsOpen] = useState34(false);
+  const [isOpen, setIsOpen] = useState35(false);
   const id = useId15();
   const ids = useMemo29(() => ({
     button: `table-filter-button-${id}`,
     popup: `table-filter-popup-${id}`,
     label: `table-filter-label-${id}`
   }), [id]);
-  useEffect39(() => {
+  useEffect40(() => {
     setFilterValue(columnFilterValue);
   }, [columnFilterValue]);
   const isTagsFilter = filterType === "multiTags" || filterType === "singleTag";
@@ -16802,7 +16807,7 @@ var TableFilterButton = ({
 };
 
 // src/components/layout/table/TableHeader.tsx
-import { useCallback as useCallback28, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect41 } from "react";
 import { Fragment as Fragment9, jsx as jsx71, jsxs as jsxs41 } from "react/jsx-runtime";
 var TableHeader = ({ isSticky = false }) => {
   const { table } = useTableStateWithoutSizingContext();
@@ -16840,7 +16845,7 @@ var TableHeader = ({ isSticky = false }) => {
       startSize: null
     });
   }, [table]);
-  useEffect40(() => {
+  useEffect41(() => {
     window.addEventListener("pointermove", handleResizeMove);
     window.addEventListener("pointerup", handleResizeEnd);
     return () => {
@@ -17125,7 +17130,7 @@ var TableWithSelection = ({
 };
 
 // src/components/layout/table/TableColumn.tsx
-import { memo as memo2, useEffect as useEffect41, useMemo as useMemo31, useState as useState35 } from "react";
+import { memo as memo2, useEffect as useEffect42, useMemo as useMemo31, useState as useState36 } from "react";
 import { jsx as jsx76 } from "react/jsx-runtime";
 var TableColumnComponent = ({
   filterType,
@@ -17137,11 +17142,11 @@ var TableColumnComponent = ({
     "TableColumn: For filterType === multiTags or singleTag, filterData.tags must be set.",
     (filterType === "multiTags" || filterType === "singleTag") && props.meta?.filterData?.tags === void 0
   );
-  const [column] = useState35({
+  const [column] = useState36({
     ...props,
     filterFn
   });
-  useEffect41(() => {
+  useEffect42(() => {
     const unsubscribe = registerColumn(column);
     return () => {
       unsubscribe();
@@ -17434,7 +17439,7 @@ var TableColumnSwitcher = ({ buttonProps, ...props }) => {
 };
 
 // src/components/user-interaction/CopyToClipboardWrapper.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { clsx as clsx28 } from "clsx";
 
 // src/utils/writeToClipboard.ts
@@ -17457,7 +17462,7 @@ var CopyToClipboardWrapper = ({
   ...props
 }) => {
   const translation = useHightideTranslation();
-  const [isShowingConfirmation, setIsShowingConfirmation] = useState36(false);
+  const [isShowingConfirmation, setIsShowingConfirmation] = useState37(false);
   return /* @__PURE__ */ jsxs46(
     TooltipRoot,
     {
@@ -17506,7 +17511,7 @@ var CopyToClipboardWrapper = ({
 };
 
 // src/components/user-interaction/Menu.tsx
-import { useCallback as useCallback30, useRef as useRef33, useState as useState37 } from "react";
+import { useCallback as useCallback30, useRef as useRef33, useState as useState38 } from "react";
 import clsx29 from "clsx";
 import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
 var MenuItem = ({
@@ -17533,7 +17538,7 @@ var Menu = ({
   ...props
 }) => {
   const triggerRef = useRef33(null);
-  const [isOpen, setIsOpen] = useState37(false);
+  const [isOpen, setIsOpen] = useState38(false);
   const bag = {
     isOpen,
     close: () => setIsOpen(false),
@@ -17563,7 +17568,7 @@ var Menu = ({
 };
 
 // src/components/user-interaction/ScrollPicker.tsx
-import { useCallback as useCallback31, useEffect as useEffect42, useState as useState38 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect43, useState as useState39 } from "react";
 import clsx30 from "clsx";
 import { jsx as jsx80, jsxs as jsxs48 } from "react/jsx-runtime";
 var up = 1;
@@ -17584,7 +17589,7 @@ var ScrollPicker = ({
     transition,
     items,
     lastTimeStamp
-  }, setAnimation] = useState38({
+  }, setAnimation] = useState39({
     targetIndex: selectedIndex,
     currentIndex: disabled ? selectedIndex : 0,
     velocity: 0,
@@ -17683,7 +17688,7 @@ var ScrollPicker = ({
       };
     });
   }, [disabled, getDirection, onChange]);
-  useEffect42(() => {
+  useEffect43(() => {
     requestAnimationFrame((timestamp) => animate(timestamp, lastTimeStamp));
   });
   const opacity = (transition2, index, itemsCount) => {
@@ -17947,7 +17952,7 @@ var TimeDisplay = ({
 
 // src/components/user-interaction/input/InsideLabelInput.tsx
 import { useId as useId18 } from "react";
-import { forwardRef as forwardRef20, useState as useState39 } from "react";
+import { forwardRef as forwardRef20, useState as useState40 } from "react";
 import clsx32 from "clsx";
 import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
 var InsideLabelInput = forwardRef20(function InsideLabelInput2({
@@ -17963,7 +17968,7 @@ var InsideLabelInput = forwardRef20(function InsideLabelInput2({
     onValueChange,
     defaultValue: initialValue
   });
-  const [isFocused, setIsFocused] = useState39(false);
+  const [isFocused, setIsFocused] = useState40(false);
   const generatedId = useId18();
   const id = customId ?? generatedId;
   return /* @__PURE__ */ jsxs50("div", { className: clsx32("relative"), children: [
@@ -18053,7 +18058,7 @@ var SearchBar = ({
 };
 
 // src/components/user-interaction/input/ToggleableInput.tsx
-import { forwardRef as forwardRef21, useEffect as useEffect43, useImperativeHandle as useImperativeHandle12, useRef as useRef34, useState as useState40 } from "react";
+import { forwardRef as forwardRef21, useEffect as useEffect44, useImperativeHandle as useImperativeHandle12, useRef as useRef34, useState as useState41 } from "react";
 import { Pencil } from "lucide-react";
 import clsx34 from "clsx";
 import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -18070,10 +18075,10 @@ var ToggleableInput = forwardRef21(function ToggleableInput2({
     onValueChange,
     defaultValue: initialValue
   });
-  const [isEditing, setIsEditing] = useState40(initialState !== "display");
+  const [isEditing, setIsEditing] = useState41(initialState !== "display");
   const innerRef = useRef34(null);
   useImperativeHandle12(forwardedRef, () => innerRef.current);
-  useEffect43(() => {
+  useEffect44(() => {
     if (isEditing) {
       innerRef.current?.focus();
     }
@@ -18283,7 +18288,7 @@ var DateProperty = ({
 import { List } from "lucide-react";
 
 // src/components/user-interaction/select/MultiSelectChipDisplay.tsx
-import { forwardRef as forwardRef22, useEffect as useEffect44, useImperativeHandle as useImperativeHandle13, useRef as useRef35 } from "react";
+import { forwardRef as forwardRef22, useEffect as useEffect45, useImperativeHandle as useImperativeHandle13, useRef as useRef35 } from "react";
 import { XIcon as XIcon2, Plus } from "lucide-react";
 import { jsx as jsx90, jsxs as jsxs55 } from "react/jsx-runtime";
 var MultiSelectChipDisplayButton = forwardRef22(function MultiSelectChipDisplayButton2({
@@ -18293,7 +18298,7 @@ var MultiSelectChipDisplayButton = forwardRef22(function MultiSelectChipDisplayB
   const translation = useHightideTranslation();
   const { state, trigger, item, ids, setIds } = useSelectContext();
   const { register, unregister, toggleOpen } = trigger;
-  useEffect44(() => {
+  useEffect45(() => {
     if (id) {
       setIds((prev) => ({
         ...prev,
@@ -18303,7 +18308,7 @@ var MultiSelectChipDisplayButton = forwardRef22(function MultiSelectChipDisplayB
   }, [id, setIds]);
   const innerRef = useRef35(null);
   useImperativeHandle13(ref, () => innerRef.current);
-  useEffect44(() => {
+  useEffect45(() => {
     register(innerRef);
     return () => unregister();
   }, [register, unregister]);
@@ -18589,16 +18594,16 @@ var TextProperty = ({
 };
 
 // src/components/utils/Transition.tsx
-import { useEffect as useEffect45, useState as useState41 } from "react";
+import { useEffect as useEffect46, useState as useState42 } from "react";
 function Transition({
   children,
   show,
   includeAnimation = true
 }) {
-  const [isOpen, setIsOpen] = useState41(show);
-  const [isTransitioning, setIsTransitioning] = useState41(!isOpen);
+  const [isOpen, setIsOpen] = useState42(show);
+  const [isTransitioning, setIsTransitioning] = useState42(!isOpen);
   const isUsingReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : true;
-  useEffect45(() => {
+  useEffect46(() => {
     setIsOpen(show);
     setIsTransitioning(true);
   }, [show]);