@mendylanda/ui 0.4.3-dev.68.e3417befc4d5 → 0.4.3-dev.70.eaaf58b8af54

package/dist/filters/filter-menu-panel.js

@@ -65,6 +65,11 @@ export function FilterMenuPanel({ sections, selectedId, onSelect, onClose, ancho
     });
     useEffect(() => {
         const frame = requestAnimationFrame(() => {
+            const active = document.activeElement;
+            // A slow frame must not reset navigation or an editor the user already entered.
+            if (active !== content.current &&
+                (content.current?.contains(active) || editor.current?.contains(active)))
+                return;
             const first = rows.current.get(initialSelection.current ?? "") ??
                 [...rows.current.values()].find((button) => !button.disabled);
             (first ?? content.current)?.focus();

package/dist/sheet/parts.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useId, useLayoutEffect, useMemo } from "react";
 import * as Dialog from "@radix-ui/react-dialog";
-import { Pin, PinOff, X } from "lucide-react";
+import { Pin, X } from "lucide-react";
 import { Button } from "../customization.js";
 import { useMendyLocale } from "../locale-context.js";
 import { cn } from "../utils.js";
@@ -31,14 +31,13 @@ export function SheetClose({ onClick, ...props }) {
 export function SheetPin({ onClick, ...props }) {
     const instance = useSheetInstance();
     const { t } = useMendyLocale();
-    if (!instance.pinned && !instance.layout?.canPin)
+    if (instance.pinned || !instance.layout?.canPin)
         return null;
-    return (_jsx(Button, { type: "button", variant: "ghost", size: "icon", ...props, "aria-label": props["aria-label"] ?? t(instance.pinned ? "sheetUnpin" : "sheetPin"), "aria-pressed": instance.pinned, "aria-keyshortcuts": instance.pinned ? undefined : "P", title: props.title ?? (instance.pinned ? t("sheetUnpin") : `${t("sheetPin")} (P)`), onClick: (event) => {
+    return (_jsx(Button, { type: "button", variant: "ghost", size: "icon", ...props, "aria-label": props["aria-label"] ?? t("sheetPin"), "aria-keyshortcuts": "P", title: props.title ?? `${t("sheetPin")} (P)`, onClick: (event) => {
             onClick?.(event);
             if (!event.defaultPrevented)
-                instance.setPinned(!instance.pinned);
-        }, children: props.children ??
-            (instance.pinned ? _jsx(PinOff, { "aria-hidden": "true" }) : _jsx(Pin, { "aria-hidden": "true" })) }));
+                instance.setPinned(true);
+        }, children: props.children ?? _jsx(Pin, { "aria-hidden": "true" }) }));
 }
 export function SheetHeader({ title, description, actions, controls = true, children, className, ...props }) {
     const { t } = useMendyLocale();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mendylanda/ui",
-  "version": "0.4.3-dev.68.e3417befc4d5",
+  "version": "0.4.3-dev.70.eaaf58b8af54",
   "description": "Mendy Landa's reusable React components. Tables, filters, and sheets with shared interactions and customizable UI.",
   "homepage": "https://ui.mendylanda.com",
   "license": "MIT",
@@ -126,5 +126,5 @@
     "build": "tsc -p tsconfig.build.json && node scripts/build-css.mjs",
     "typecheck": "tsc -p tsconfig.build.json --noEmit"
   },
-  "gitHead": "e3417befc4d534f2cb6ddb33c3d31b6322c34147"
+  "gitHead": "eaaf58b8af54105f1c6de74c527ff896a6af1e7f"
 }