@helpwave/hightide 0.6.0 → 0.6.1

package/dist/index.mjs

@@ -7434,7 +7434,7 @@ var FormStore = class {
 };
 
 // src/components/form/useCreateForm.tsx
-import { useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useRef } from "react";
 function useCreateForm({
   onFormSubmit,
   onFormError,
@@ -7520,15 +7520,25 @@ function useCreateForm({
       }
     };
   }, []);
-  return {
-    store: storeRef.current,
+  const callbacks = useMemo3(() => ({
     reset: () => storeRef.current.reset(),
     submit: () => storeRef.current.submit(),
-    update: (value) => storeRef.current.setValues(value),
+    update: (updater) => {
+      if (typeof updater === "function") {
+        storeRef.current.setValues(updater(storeRef.current.getAllValues()));
+      } else {
+        storeRef.current.setValues(updater);
+      }
+    },
     validateAll: () => storeRef.current.validateAll(),
-    getDataProps,
     getError: (key) => storeRef.current.getError(key),
-    getValue: (key) => storeRef.current.getValue(key),
+    getValues: () => storeRef.current.getAllValues(),
+    getValue: (key) => storeRef.current.getValue(key)
+  }), []);
+  return {
+    store: storeRef.current,
+    ...callbacks,
+    getDataProps,
     registerRef
   };
 }
@@ -7541,7 +7551,7 @@ import {
   useContext as useContext4,
   useEffect as useEffect5,
   useId as useId2,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef2,
   useState as useState6
 } from "react";
@@ -7549,7 +7559,7 @@ import clsx5 from "clsx";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 
 // src/contexts/LocaleContext.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useMemo as useMemo3, useState as useState5 } from "react";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useMemo as useMemo4, useState as useState5 } from "react";
 
 // src/hooks/useLocalStorage.ts
 import { useCallback as useCallback4, useState as useState3 } from "react";
@@ -8218,7 +8228,7 @@ var LocaleProvider = ({
   } = useLocalStorage("locale", "system");
   const { config } = useHightideConfig();
   const [localePreference, setLocalePreference] = useState5("system");
-  const resolvedLocale = useMemo3(() => {
+  const resolvedLocale = useMemo4(() => {
     if (locale && locale !== "system") {
       return locale;
     }
@@ -8284,7 +8294,7 @@ var useLanguage = () => {
 
 // src/i18n/useHightideTranslation.ts
 import { combineTranslation, ICUUtil } from "@helpwave/internationalization";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 function useICUTranslation(translations, locale) {
   translations = Array.isArray(translations) ? translations : [translations];
   return function translate(key, values) {
@@ -8307,7 +8317,7 @@ function useICUTranslation(translations, locale) {
 function useHightideTranslation(extensions, overwrites) {
   const { locale: inferredLocale } = useLocale();
   const locale = overwrites?.locale ?? inferredLocale;
-  return useMemo4(
+  return useMemo5(
     () => combineTranslation([
       ...ArrayUtil.resolveSingleOrArray(extensions),
       hightideTranslation
@@ -8437,7 +8447,7 @@ var Carousel = ({
   const carouselContainerRef = useRef2(null);
   const [disableClick, setDisableClick] = useState6(false);
   const timeOut = useRef2(void 0);
-  const length = useMemo5(() => children.length, [children]);
+  const length = useMemo6(() => children.length, [children]);
   const paddingItemCount = 3;
   const generatedId = "carousel" + useId2();
   const id = props.id ?? generatedId;
@@ -8882,7 +8892,7 @@ var useFocusTrap = ({
 };
 
 // src/hooks/useOverlayRegistry.ts
-import { useEffect as useEffect8, useId as useId4, useMemo as useMemo6, useState as useState9 } from "react";
+import { useEffect as useEffect8, useId as useId4, useMemo as useMemo7, useState as useState9 } from "react";
 var OverlayRegistry = class _OverlayRegistry {
   constructor() {
     this.overlayIds = /* @__PURE__ */ new Set();
@@ -8951,7 +8961,7 @@ var OverlayRegistry = class _OverlayRegistry {
 var useOverlayRegistry = (props) => {
   const generatedId = useId4();
   const [hasAppeared, setHasAppeared] = useState9(props.isActive);
-  const item = useMemo6(() => ({
+  const item = useMemo7(() => ({
     id: props?.id ?? generatedId,
     tags: props?.tags
   }), [props?.id, generatedId, props?.tags]);
@@ -8960,7 +8970,7 @@ var useOverlayRegistry = (props) => {
     itemInformation: {},
     tagItemCounts: {}
   });
-  const registry = useMemo6(() => OverlayRegistry.getInstance(), []);
+  const registry = useMemo7(() => OverlayRegistry.getInstance(), []);
   useEffect8(() => {
     if (!props.isActive) {
       return;
@@ -8994,7 +9004,7 @@ var useOverlayRegistry = (props) => {
 };
 
 // src/components/layout/Drawer.tsx
-import { useId as useId5, useMemo as useMemo7, useRef as useRef5 } from "react";
+import { useId as useId5, useMemo as useMemo8, useRef as useRef5 } from "react";
 import { createPortal } from "react-dom";
 import { X } from "lucide-react";
 
@@ -9062,7 +9072,7 @@ var Drawer = ({
 }) => {
   const translation = useHightideTranslation();
   const generatedId = useId5();
-  const ids = useMemo7(() => ({
+  const ids = useMemo8(() => ({
     container: `dialog-container-${generatedId}`,
     background: `dialog-background-${generatedId}`,
     content: props.id ?? `dialog-content-${generatedId}`
@@ -9076,7 +9086,7 @@ var Drawer = ({
   });
   const { zIndex, tagPositions, tagItemCounts } = useOverlayRegistry({
     isActive: isVisible,
-    tags: useMemo7(() => ["drawer"], [])
+    tags: useMemo8(() => ["drawer"], [])
   });
   const depth = tagPositions && tagItemCounts ? (tagItemCounts["drawer"] ?? 0) - (tagPositions["drawer"] ?? 0) : 0;
   if (!isVisible) return;
@@ -9154,7 +9164,7 @@ var Drawer = ({
 // src/components/layout/Expandable.tsx
 import { useEffect as useEffect11 } from "react";
 import { useState as useState12 } from "react";
-import { createContext as createContext5, forwardRef as forwardRef4, useCallback as useCallback8, useContext as useContext5, useId as useId6, useMemo as useMemo8 } from "react";
+import { createContext as createContext5, forwardRef as forwardRef4, useCallback as useCallback8, useContext as useContext5, useId as useId6, useMemo as useMemo9 } from "react";
 import clsx7 from "clsx";
 
 // src/hooks/useOverwritableState.ts
@@ -9203,7 +9213,7 @@ var ExpandableRoot = forwardRef4(function ExpandableRoot2({
       setIsExpanded(!isExpanded);
     }
   }, [disabled, isExpanded, setIsExpanded]);
-  const contextValue = useMemo8(() => ({
+  const contextValue = useMemo9(() => ({
     isExpanded: !!isExpanded,
     toggle,
     setIsExpanded,
@@ -9556,7 +9566,7 @@ import {
   useRef as useRef7,
   useState as useState14,
   useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo9,
+  useMemo as useMemo10,
   useCallback as useCallback10
 } from "react";
 import clsx9 from "clsx";
@@ -9578,7 +9588,7 @@ function InfiniteScroll({
   if (itemCount < 1) {
     throw new Error("InfiniteScroll: itemCount > 0 must hold");
   }
-  const items = useMemo9(() => range(itemCount), [itemCount]);
+  const items = useMemo10(() => range(itemCount), [itemCount]);
   const containerRef = useRef7(null);
   const snapshotRef = useRef7({ scrollHeight: 0, scrollTop: 0, fromTop: false });
   const [windowState, setWindowState] = useState14(() => {
@@ -9626,7 +9636,7 @@ function InfiniteScroll({
     }
     snapshotRef.current.fromTop = false;
   }, [windowState]);
-  const visibleItems = useMemo9(
+  const visibleItems = useMemo10(
     () => items.slice(windowState.start, windowState.end),
     [items, windowState]
   );
@@ -10428,7 +10438,7 @@ var VerticalDivider = ({
 import clsx12 from "clsx";
 
 // src/components/layout/dialog/Dialog.tsx
-import { useId as useId8, useMemo as useMemo10 } from "react";
+import { useId as useId8, useMemo as useMemo11 } from "react";
 import { useRef as useRef10 } from "react";
 import { X as X2 } from "lucide-react";
 
@@ -10475,7 +10485,7 @@ var Dialog = ({
 }) => {
   const translation = useHightideTranslation();
   const generatedId = useId8();
-  const ids = useMemo10(() => ({
+  const ids = useMemo11(() => ({
     container: `dialog-container-${generatedId}`,
     background: `dialog-background-${generatedId}`,
     content: props.id ?? `dialog-content-${generatedId}`
@@ -10859,7 +10869,7 @@ import {
   useEffect as useEffect17,
   useId as useId9,
   useImperativeHandle as useImperativeHandle3,
-  useMemo as useMemo11,
+  useMemo as useMemo12,
   useRef as useRef12,
   useState as useState19
 } from "react";
@@ -10898,11 +10908,11 @@ var SelectRoot = ({
     isOpen,
     options: []
   });
-  const selectedValues = useMemo11(
+  const selectedValues = useMemo12(
     () => isMultiSelect ? values ?? [] : [value].filter(Boolean),
     [isMultiSelect, value, values]
   );
-  const selectedOptions = useMemo11(
+  const selectedOptions = useMemo12(
     () => selectedValues.map((value2) => internalState.options.find((option) => value2 === option.value)).filter(Boolean),
     [selectedValues, internalState.options]
   );
@@ -11513,7 +11523,7 @@ import { MonitorCog, MoonIcon, SunIcon } from "lucide-react";
 import clsx14 from "clsx";
 
 // src/contexts/ThemeContext.tsx
-import { createContext as createContext9, useCallback as useCallback15, useContext as useContext9, useEffect as useEffect18, useMemo as useMemo12, useState as useState20 } from "react";
+import { createContext as createContext9, useCallback as useCallback15, useContext as useContext9, useEffect as useEffect18, useMemo as useMemo13, useState as useState20 } from "react";
 import { jsx as jsx36 } from "react/jsx-runtime";
 var themes = ["light", "dark", "system"];
 var ThemeUtil = {
@@ -11528,7 +11538,7 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
   } = useLocalStorage("theme", "system");
   const { config } = useHightideConfig();
   const [themePreference, setThemePreference] = useState20("system");
-  const resolvedTheme = useMemo12(() => {
+  const resolvedTheme = useMemo13(() => {
     if (theme && theme !== "system") {
       return theme;
     }
@@ -12150,7 +12160,7 @@ var TableFilters = {
 };
 
 // src/components/layout/table/Table.tsx
-import { useCallback as useCallback20, useEffect as useEffect26, useMemo as useMemo14, useRef as useRef16, useState as useState28 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect26, useMemo as useMemo15, useRef as useRef16, useState as useState28 } from "react";
 import clsx26 from "clsx";
 import {
   flexRender,
@@ -12187,7 +12197,7 @@ import { ChevronDown as ChevronDown3, ChevronsUpDown, ChevronUp as ChevronUp2 }
 import clsx24 from "clsx";
 
 // src/components/user-interaction/Tooltip.tsx
-import { useCallback as useCallback17, useMemo as useMemo13, useRef as useRef14, useState as useState24 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo14, useRef as useRef14, useState as useState24 } from "react";
 import { clsx as clsx23 } from "clsx";
 import { createPortal as createPortal6 } from "react-dom";
 import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -12206,11 +12216,11 @@ var Tooltip = ({
     timer: null
   });
   const { config } = useHightideConfig();
-  const appearDelay = useMemo13(
+  const appearDelay = useMemo14(
     () => appearDelayOverwrite ?? config.tooltip.appearDelay,
     [config.tooltip.appearDelay, appearDelayOverwrite]
   );
-  const disappearDelay = useMemo13(
+  const disappearDelay = useMemo14(
     () => disappearDelayOverwrite ?? config.tooltip.disappearDelay,
     [config.tooltip.disappearDelay, disappearDelayOverwrite]
   );
@@ -12219,31 +12229,31 @@ var Tooltip = ({
   const triangleRef = useRef14(null);
   const isActive = !disabled && state.isShown;
   const { isVisible, transitionState, callbacks } = useTransitionState(
-    useMemo13(() => ({ isOpen: isActive }), [isActive])
+    useMemo14(() => ({ isOpen: isActive }), [isActive])
   );
-  const verticalAlignment = useMemo13(
+  const verticalAlignment = useMemo14(
     () => position === "top" ? "beforeStart" : position === "bottom" ? "afterEnd" : "center",
     [position]
   );
-  const horizontalAlignment = useMemo13(
+  const horizontalAlignment = useMemo14(
     () => position === "left" ? "beforeStart" : position === "right" ? "afterEnd" : "center",
     [position]
   );
-  const css = useFloatingElement(useMemo13(() => ({
+  const css = useFloatingElement(useMemo14(() => ({
     active: isActive || isVisible,
     anchorRef,
     containerRef,
     horizontalAlignment,
     verticalAlignment
   }), [horizontalAlignment, isActive, isVisible, verticalAlignment]));
-  const cssTriangle = useFloatingElement(useMemo13(() => ({
+  const cssTriangle = useFloatingElement(useMemo14(() => ({
     active: isActive || isVisible,
     anchorRef,
     containerRef: triangleRef,
     horizontalAlignment,
     verticalAlignment
   }), [horizontalAlignment, isActive, isVisible, verticalAlignment]));
-  const regsitryOptions = useMemo13(() => ({ isActive }), [isActive]);
+  const regsitryOptions = useMemo14(() => ({ isActive }), [isActive]);
   const { zIndex } = useOverlayRegistry(regsitryOptions);
   const { zIndex: zIndexTriangle } = useOverlayRegistry(regsitryOptions);
   const onEnter = useCallback17(() => {
@@ -12846,7 +12856,7 @@ var Table = ({
     ...initialState?.pagination
   });
   const [columnFilters, setColumnFilters] = useState28(initialState?.columnFilters);
-  const computedColumnMinWidths = useMemo14(() => {
+  const computedColumnMinWidths = useMemo15(() => {
     return columns.reduce((previousValue, column) => {
       return {
         ...previousValue,
@@ -12855,7 +12865,7 @@ var Table = ({
       };
     }, {});
   }, [columns, defaultColumn]);
-  const computedColumnMaxWidths = useMemo14(() => {
+  const computedColumnMaxWidths = useMemo15(() => {
     return columns.reduce((previousValue, column) => {
       return {
         ...previousValue,
@@ -12863,12 +12873,12 @@ var Table = ({
       };
     }, {});
   }, [columns, defaultColumn]);
-  const tableMinWidth = useMemo14(() => {
+  const tableMinWidth = useMemo15(() => {
     return columns.reduce((sum, column) => {
       return sum + computedColumnMinWidths[column.id];
     }, 0);
   }, [columns, computedColumnMinWidths]);
-  const updateColumnSizes = useMemo14(() => {
+  const updateColumnSizes = useMemo15(() => {
     return (previous) => {
       const updateSizing = {
         ...columnSizing,
@@ -13012,7 +13022,7 @@ var Table = ({
       }));
     }
   }, [data, pageCount, pagination.pageSize, pagination.pageIndex]);
-  const columnSizeVars = useMemo14(() => {
+  const columnSizeVars = useMemo15(() => {
     const headers = table.getFlatHeaders();
     const colSizes = {};
     for (let i = 0; i < headers.length; i++) {
@@ -13171,7 +13181,7 @@ var TableWithSelection = ({
   meta,
   ...props
 }) => {
-  const columnsWithSelection = useMemo14(() => {
+  const columnsWithSelection = useMemo15(() => {
     return [
       {
         id: selectionRowId,
@@ -13808,7 +13818,7 @@ var DateUtils = {
 import clsx31 from "clsx";
 
 // src/components/user-interaction/date/DayPicker.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import { jsx as jsx57, jsxs as jsxs35 } from "react/jsx-runtime";
 var DayPicker = ({
   displayedMonth,
@@ -13824,11 +13834,11 @@ var DayPicker = ({
   const { locale } = useLocale();
   const month = displayedMonth.getMonth();
   const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart);
-  const end = useMemo15(() => {
+  const end = useMemo16(() => {
     if (!providedEnd) return;
     return new Date(providedEnd.getFullYear(), providedEnd.getMonth(), providedEnd.getDate());
   }, [providedEnd]);
-  const start = useMemo15(() => {
+  const start = useMemo16(() => {
     if (!providedStart) return;
     return new Date(providedStart.getFullYear(), providedStart.getMonth(), providedStart.getDate());
   }, [providedStart]);
@@ -13884,7 +13894,7 @@ var DayPickerUncontrolled = ({
 };
 
 // src/components/user-interaction/date/YearMonthPicker.tsx
-import { memo, useCallback as useCallback22, useEffect as useEffect28, useLayoutEffect as useLayoutEffect3, useMemo as useMemo16, useRef as useRef17, useState as useState31 } from "react";
+import { memo, useCallback as useCallback22, useEffect as useEffect28, useLayoutEffect as useLayoutEffect3, useMemo as useMemo17, useRef as useRef17, useState as useState31 } from "react";
 import clsx30 from "clsx";
 import { jsx as jsx58, jsxs as jsxs36 } from "react/jsx-runtime";
 var YearRow = memo(function YearRow2({
@@ -13903,7 +13913,7 @@ var YearRow = memo(function YearRow2({
       ref.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelectedYear]);
-  const monthGrid = useMemo16(() => equalSizeGroups([...DateUtils.monthsList], 3), []);
+  const monthGrid = useMemo17(() => equalSizeGroups([...DateUtils.monthsList], 3), []);
   return /* @__PURE__ */ jsxs36(
     ExpandableRoot,
     {
@@ -13951,19 +13961,19 @@ var YearMonthPicker = ({
   className
 }) => {
   const { locale } = useLocale();
-  const monthNames = useMemo16(() => {
+  const monthNames = useMemo17(() => {
     const formatter = new Intl.DateTimeFormat(locale, { month: "short" });
     return Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2e3, i, 1)));
   }, [locale]);
-  const years = useMemo16(
+  const years = useMemo17(
     () => range([start.getFullYear(), end.getFullYear()], { exclusiveEnd: false }),
     [start, end]
   );
-  const minTimestamp = useMemo16(() => {
+  const minTimestamp = useMemo17(() => {
     if (!start) return;
     return new Date(start.getFullYear(), start.getMonth(), 1).getTime();
   }, [start]);
-  const maxTimestamp = useMemo16(() => {
+  const maxTimestamp = useMemo17(() => {
     if (!end) return;
     return new Date(end.getFullYear(), end.getMonth() + 1, 0).getTime();
   }, [end]);
@@ -14368,7 +14378,7 @@ var TimeDisplay = ({
 };
 
 // src/components/user-interaction/input/DateTimeInput.tsx
-import { useEffect as useEffect30, useMemo as useMemo17, useRef as useRef19, useState as useState33 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo18, useRef as useRef19, useState as useState33 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 import { CalendarIcon } from "lucide-react";
 import clsx33 from "clsx";
@@ -14401,7 +14411,7 @@ var DateTimeInput = ({
     onEditComplete(value);
   });
   const { zIndex } = useOverlayRegistry({ isActive: isOpen });
-  const isReadOnly = useMemo17(() => props.readOnly || props.disabled, [props.readOnly, props.disabled]);
+  const isReadOnly = useMemo18(() => props.readOnly || props.disabled, [props.readOnly, props.disabled]);
   useEffect30(() => {
     if (isReadOnly) {
       setIsOpen(false);
@@ -15222,7 +15232,7 @@ var useRerender = () => {
 };
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback23, useEffect as useEffect35, useMemo as useMemo18, useState as useState37 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect35, useMemo as useMemo19, useState as useState37 } from "react";
 
 // src/utils/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -15263,7 +15273,7 @@ var useSearch = ({
 }) => {
   const [search, setSearch] = useState37(initialSearch ?? "");
   const [result, setResult] = useState37(list);
-  const searchTags = useMemo18(() => additionalSearchTags ?? [], [additionalSearchTags]);
+  const searchTags = useMemo19(() => additionalSearchTags ?? [], [additionalSearchTags]);
   const updateSearch = useCallback23((newSearch) => {
     const usedSearch = newSearch ?? search;
     if (newSearch) {
@@ -15276,19 +15286,19 @@ var useSearch = ({
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
   }, [searchTags, isSearchInstant, list, search, searchMapping, additionalSearchTags]);
-  const filteredResult = useMemo18(() => {
+  const filteredResult = useMemo19(() => {
     if (!filter) {
       return result;
     }
     return result.filter(filter);
   }, [result, filter]);
-  const sortedAndFilteredResult = useMemo18(() => {
+  const sortedAndFilteredResult = useMemo19(() => {
     if (!sortingFunction) {
       return filteredResult;
     }
     return filteredResult.sort(sortingFunction);
   }, [filteredResult, sortingFunction]);
-  const usedResult = useMemo18(() => {
+  const usedResult = useMemo19(() => {
     if (!disabled) {
       return sortedAndFilteredResult;
     }
@@ -15310,7 +15320,7 @@ var validateEmail = (email) => {
 };
 
 // src/hooks/useValidators.ts
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 var notEmpty = (value) => {
   if (!value) {
     return "notEmpty";
@@ -15360,7 +15370,7 @@ var UseValidators = {
 };
 var useTranslatedValidators = () => {
   const translation = useHightideTranslation();
-  return useMemo19(() => ({
+  return useMemo20(() => ({
     notEmpty: (value) => {
       const result = notEmpty(value);
       if (result) {