@mendylanda/ui 0.1.0 → 0.1.2

package/dist/filters/use-value-draft.d.ts

@@ -1,2 +1,9 @@
-/** Preserve unfinished edits until the application's committed value changes. */
-export declare function useValueDraft<V, D>(value: V, createDraft: (value: V) => D): readonly [D, (draft: D) => void];
+interface SavedDraft {
+    value: unknown;
+    draft: unknown;
+}
+export type DraftCache = Map<string, SavedDraft>;
+export declare const FilterDraftCache: import("react").Context<DraftCache | null>;
+/** Keep a menu-session draft until its committed value changes. Outside a menu, state stays local. */
+export declare function useValueDraft<V, D>(value: V, createDraft: (value: V) => D, key?: string): readonly [D, (draft: D) => void];
+export {};

package/dist/filters/use-value-draft.js

@@ -1,16 +1,31 @@
 "use client";
-import { useState } from "react";
+import { createContext, useContext, useLayoutEffect, useState } from "react";
 import { equalValues } from "./filter-definition.js";
-/** Preserve unfinished edits until the application's committed value changes. */
-export function useValueDraft(value, createDraft) {
-    const [state, setState] = useState(() => ({ value, draft: createDraft(value) }));
+export const FilterDraftCache = createContext(null);
+/** Keep a menu-session draft until its committed value changes. Outside a menu, state stays local. */
+export function useValueDraft(value, createDraft, key) {
+    const cache = useContext(FilterDraftCache);
+    const [state, setState] = useState(() => {
+        const saved = key ? cache?.get(key) : undefined;
+        return {
+            value,
+            draft: saved && equalValues(saved.value, value) ? saved.draft : createDraft(value),
+        };
+    });
     let current = state;
     if (!equalValues(state.value, value)) {
         current = { value, draft: createDraft(value) };
         setState(current);
     }
+    useLayoutEffect(() => {
+        if (key)
+            cache?.set(key, current);
+    });
     function setDraft(draft) {
-        setState({ value, draft });
+        const next = { value, draft };
+        if (key)
+            cache?.set(key, next);
+        setState(next);
     }
     return [current.draft, setDraft];
 }

package/dist/primitives/calendar.js

@@ -35,7 +35,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             range_start: cn("mui-10c0bae8cba9 mui-292affc1f780", defaultClassNames.range_start),
             range_middle: cn("mui-52417259a4f5", defaultClassNames.range_middle),
             range_end: cn("mui-34bbd346e74c mui-292affc1f780", defaultClassNames.range_end),
-            today: cn("mui-3fa8c572949b mui-292affc1f780 mui-cc209238d847 mui-3cc0d07ef843", defaultClassNames.today),
+            today: cn("mui-3fa8c572949b mui-cc310a330231 mui-b7ff49878425 mui-d9bdd2c94504 mui-3cc0d07ef843", defaultClassNames.today),
             outside: cn("mui-35f35c41d134 mui-7d900a71e5ba", defaultClassNames.outside),
             disabled: cn("mui-35f35c41d134 mui-0b5a4d1257ab", defaultClassNames.disabled),
             hidden: cn("mui-b75af7ef6c4d", defaultClassNames.hidden),
@@ -70,6 +70,6 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
     return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": format(day.date, "yyyy-MM-dd"), "data-selected-single": modifiers.selected &&
             !modifiers.range_start &&
             !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("mui-222f930b8752 mui-129d6f9b1e07 mui-4dad94bd15e3 mui-58d0413dd93c mui-1458e495e3ae mui-302c0d124a94 mui-19e97f3f40e6 mui-761cdb81bddb mui-52101fc7d8bb mui-60052b901494 mui-3f96bf138f7b mui-d39eb62b8363 mui-47cbd20a4dc0 mui-4eb7d653ae35 mui-96308b55e0d6 mui-a55dbe6f3eec mui-714051e55e8e mui-c764cebcd540 mui-05ec0700cd48 mui-5fb598fb06f4 mui-0813905aa141 mui-8020e31bff67 mui-ab65911baf1d mui-f5460d79341c mui-421a7d3e6631 mui-a39af81d518c mui-b6991ab170de mui-b2786f463a62 mui-ba417cf466b0 mui-829c8ef4f9c5", defaultClassNames.day, className), ...props }));
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("mui-222f930b8752 mui-129d6f9b1e07 mui-4dad94bd15e3 mui-58d0413dd93c mui-1458e495e3ae mui-302c0d124a94 mui-19e97f3f40e6 mui-761cdb81bddb mui-52101fc7d8bb mui-60052b901494 mui-3f96bf138f7b mui-d39eb62b8363 mui-5892a880410a mui-31b75c623c06 mui-96308b55e0d6 mui-a55dbe6f3eec mui-714051e55e8e mui-c764cebcd540 mui-05ec0700cd48 mui-5fb598fb06f4 mui-0813905aa141 mui-8020e31bff67 mui-ab65911baf1d mui-f5460d79341c mui-421a7d3e6631 mui-a39af81d518c mui-b6991ab170de mui-b2786f463a62 mui-ba417cf466b0 mui-829c8ef4f9c5", defaultClassNames.day, className), ...props }));
 }
 export { Calendar, CalendarDayButton };

package/dist/primitives/dropdown-menu.js

@@ -25,13 +25,13 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
     return (_jsx(DropdownMenuPrimitive.Item, { "data-mendy-ui": "", "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("mui-d2d9e1f13413 mui-222f930b8752 mui-d343f41ba73e mui-71556df3b421 mui-074569488cca mui-02e603944040 mui-e7e01cc7f4df mui-a8c1dfb1d4ef mui-c74ab393b96d mui-59edd3d33673 mui-78905c9e865c mui-a8c1861c5d03 mui-a85c4c5d7465 mui-397f5ba426a0 mui-9beb654fcb0d mui-6fa6a8ade7c4 mui-f3f7a9c5e1b3 mui-e2bb4ac97190 mui-353a727facfd mui-98a28c2293f7 mui-bcae9d37090c mui-040e748a3fa0 mui-eb5ef2dbc2d4 mui-8637dfd54fbb mui-82b114bbff3d", className), ...props }));
 }
 function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-mendy-ui": "", "data-slot": "dropdown-menu-checkbox-item", className: cn("mui-d2d9e1f13413 mui-222f930b8752 mui-d343f41ba73e mui-71556df3b421 mui-074569488cca mui-02e603944040 mui-a8c1dfb1d4ef mui-98a5b6fff1d2 mui-75b27e813dcc mui-c74ab393b96d mui-59edd3d33673 mui-78905c9e865c mui-a8c1861c5d03 mui-a85c4c5d7465 mui-397f5ba426a0 mui-9beb654fcb0d mui-bcae9d37090c mui-040e748a3fa0 mui-eb5ef2dbc2d4", className), checked: checked, ...props, children: [_jsx("span", { className: "mui-33228ff7d583 mui-747355bdc2a2 mui-5b9fdf1819c4 mui-222f930b8752 mui-61c000c8a98a mui-71556df3b421 mui-a503dd374cca", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "mui-100c22d5776b" }) }) }), children] }));
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-mendy-ui": "", "data-slot": "dropdown-menu-checkbox-item", className: cn("mui-d2d9e1f13413 mui-222f930b8752 mui-d343f41ba73e mui-71556df3b421 mui-074569488cca mui-02e603944040 mui-a8c1dfb1d4ef mui-05d4103bd67f mui-078d945937da mui-c74ab393b96d mui-59edd3d33673 mui-78905c9e865c mui-a8c1861c5d03 mui-a85c4c5d7465 mui-397f5ba426a0 mui-9beb654fcb0d mui-bcae9d37090c mui-040e748a3fa0 mui-eb5ef2dbc2d4", className), checked: checked, ...props, children: [_jsx("span", { className: "mui-33228ff7d583 mui-747355bdc2a2 mui-207bd0b3f259 mui-222f930b8752 mui-61c000c8a98a mui-71556df3b421 mui-a503dd374cca", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "mui-100c22d5776b" }) }) }), children] }));
 }
 function DropdownMenuRadioGroup({ ...props }) {
     return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-mendy-ui": "", "data-slot": "dropdown-menu-radio-group", ...props }));
 }
 function DropdownMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-mendy-ui": "", "data-slot": "dropdown-menu-radio-item", className: cn("mui-d2d9e1f13413 mui-222f930b8752 mui-d343f41ba73e mui-71556df3b421 mui-074569488cca mui-02e603944040 mui-a8c1dfb1d4ef mui-98a5b6fff1d2 mui-75b27e813dcc mui-c74ab393b96d mui-59edd3d33673 mui-78905c9e865c mui-a8c1861c5d03 mui-a85c4c5d7465 mui-397f5ba426a0 mui-9beb654fcb0d mui-bcae9d37090c mui-040e748a3fa0 mui-eb5ef2dbc2d4", className), ...props, children: [_jsx("span", { className: "mui-33228ff7d583 mui-747355bdc2a2 mui-5b9fdf1819c4 mui-222f930b8752 mui-61c000c8a98a mui-71556df3b421 mui-a503dd374cca", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "mui-9e7600197f38 mui-717b342c2d01" }) }) }), children] }));
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-mendy-ui": "", "data-slot": "dropdown-menu-radio-item", className: cn("mui-d2d9e1f13413 mui-222f930b8752 mui-d343f41ba73e mui-71556df3b421 mui-074569488cca mui-02e603944040 mui-a8c1dfb1d4ef mui-05d4103bd67f mui-078d945937da mui-c74ab393b96d mui-59edd3d33673 mui-78905c9e865c mui-a8c1861c5d03 mui-a85c4c5d7465 mui-397f5ba426a0 mui-9beb654fcb0d mui-bcae9d37090c mui-040e748a3fa0 mui-eb5ef2dbc2d4", className), ...props, children: [_jsx("span", { className: "mui-33228ff7d583 mui-747355bdc2a2 mui-207bd0b3f259 mui-222f930b8752 mui-61c000c8a98a mui-71556df3b421 mui-a503dd374cca", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "mui-9e7600197f38 mui-717b342c2d01" }) }) }), children] }));
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
     return (_jsx(DropdownMenuPrimitive.Label, { "data-mendy-ui": "", "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("mui-e7e01cc7f4df mui-a8c1dfb1d4ef mui-c74ab393b96d mui-daaac3fbf55e mui-6fa6a8ade7c4", className), ...props }));