@fluid-app/portal-sdk 0.1.455 → 0.1.457

package/dist/{AlertWidget-CdWJXZn1.mjs → AlertWidget-BtkVIGr9.mjs}

@@ -1,5 +1,5 @@
 import { ft as __exportAll } from "./translation-adapter-RsuBioxm.mjs";
-import { r as textWidgetPropertySchema, t as TextWidget } from "./TextWidget-B-2RFD_g.mjs";
+import { r as textWidgetPropertySchema, t as TextWidget } from "./TextWidget-cnDl92rJ.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region ../widgets/src/widgets/AlertWidget.tsx
 var AlertWidget_exports = /* @__PURE__ */ __exportAll({
@@ -19,4 +19,4 @@ const alertWidgetPropertySchema = {
 //#endregion
 export { AlertWidget_exports as n, alertWidgetPropertySchema as r, AlertWidget as t };
 
-//# sourceMappingURL=AlertWidget-CdWJXZn1.mjs.map
+//# sourceMappingURL=AlertWidget-BtkVIGr9.mjs.map

package/dist/{AlertWidget-CdWJXZn1.mjs.map → AlertWidget-BtkVIGr9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AlertWidget-CdWJXZn1.mjs","names":[],"sources":["../../widgets/src/widgets/AlertWidget.tsx"],"sourcesContent":["import { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\n/**\n * AlertWidget - Wrapper for TextWidget (for backwards compatibility)\n */\nexport function AlertWidget(\n  props: ComponentProps<typeof TextWidget>,\n): React.JSX.Element {\n  return <TextWidget {...props} />;\n}\n\nexport const alertWidgetPropertySchema: WidgetPropertySchema = {\n  ...textWidgetPropertySchema,\n  widgetType: \"AlertWidget\",\n};\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,YACd,OACmB;AACnB,QAAO,oBAAC,YAAD,EAAY,GAAI,OAAS,CAAA;;AAGlC,MAAa,4BAAkD;CAC7D,GAAG;CACH,YAAY;CACb"}
+{"version":3,"file":"AlertWidget-BtkVIGr9.mjs","names":[],"sources":["../../widgets/src/widgets/AlertWidget.tsx"],"sourcesContent":["import { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\n/**\n * AlertWidget - Wrapper for TextWidget (for backwards compatibility)\n */\nexport function AlertWidget(\n  props: ComponentProps<typeof TextWidget>,\n): React.JSX.Element {\n  return <TextWidget {...props} />;\n}\n\nexport const alertWidgetPropertySchema: WidgetPropertySchema = {\n  ...textWidgetPropertySchema,\n  widgetType: \"AlertWidget\",\n};\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,YACd,OACmB;AACnB,QAAO,oBAAC,YAAD,EAAY,GAAI,OAAS,CAAA;;AAGlC,MAAa,4BAAkD;CAC7D,GAAG;CACH,YAAY;CACb"}

package/dist/{AlertWidget-BJekf1r1.cjs → AlertWidget-C5sAMhqU.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_TextWidget = require("./TextWidget-CY71e66E.cjs");
+const require_TextWidget = require("./TextWidget-CNks2l1S.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../widgets/src/widgets/AlertWidget.tsx
 var AlertWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
@@ -36,4 +36,4 @@ Object.defineProperty(exports, "alertWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=AlertWidget-BJekf1r1.cjs.map
+//# sourceMappingURL=AlertWidget-C5sAMhqU.cjs.map

package/dist/{AlertWidget-BJekf1r1.cjs.map → AlertWidget-C5sAMhqU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AlertWidget-BJekf1r1.cjs","names":["TextWidget","textWidgetPropertySchema"],"sources":["../../widgets/src/widgets/AlertWidget.tsx"],"sourcesContent":["import { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\n/**\n * AlertWidget - Wrapper for TextWidget (for backwards compatibility)\n */\nexport function AlertWidget(\n  props: ComponentProps<typeof TextWidget>,\n): React.JSX.Element {\n  return <TextWidget {...props} />;\n}\n\nexport const alertWidgetPropertySchema: WidgetPropertySchema = {\n  ...textWidgetPropertySchema,\n  widgetType: \"AlertWidget\",\n};\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,YACd,OACmB;AACnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,mBAAAA,YAAD,EAAY,GAAI,OAAS,CAAA;;AAGlC,MAAa,4BAAkD;CAC7D,GAAGC,mBAAAA;CACH,YAAY;CACb"}
+{"version":3,"file":"AlertWidget-C5sAMhqU.cjs","names":["TextWidget","textWidgetPropertySchema"],"sources":["../../widgets/src/widgets/AlertWidget.tsx"],"sourcesContent":["import { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\n/**\n * AlertWidget - Wrapper for TextWidget (for backwards compatibility)\n */\nexport function AlertWidget(\n  props: ComponentProps<typeof TextWidget>,\n): React.JSX.Element {\n  return <TextWidget {...props} />;\n}\n\nexport const alertWidgetPropertySchema: WidgetPropertySchema = {\n  ...textWidgetPropertySchema,\n  widgetType: \"AlertWidget\",\n};\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,YACd,OACmB;AACnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,mBAAAA,YAAD,EAAY,GAAI,OAAS,CAAA;;AAGlC,MAAa,4BAAkD;CAC7D,GAAGC,mBAAAA;CACH,YAAY;CACb"}

package/dist/{ContactsScreen-DsHXXYfF.cjs → ContactsScreen-BTCUeDHl.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
 require("./ContactsTranslationBridge-BvkMkPED.cjs");
-const require_ContactsScreen = require("./ContactsScreen-TO0LAuHz.cjs");
+const require_ContactsScreen = require("./ContactsScreen-Cu6-ckm9.cjs");
 require("./static-dict-adapter-Dk_ZWOUI.cjs");
 require("./translation-api-context-factory-DkXq_vPq.cjs");
 require("./task-composer-form-oKkUtTAg.cjs");

package/dist/{ContactsScreen-TO0LAuHz.cjs → ContactsScreen-Cu6-ckm9.cjs}

@@ -586,6 +586,7 @@ function ContactsSidebarRow({ contact, isSelected, highlight, revealed = false,
 	const id = String(contact.id);
 	const secondary = contact.email ?? contact.status?.trim() ?? null;
 	const cardRef = (0, react.useRef)(null);
+	const deleteLayerRef = (0, react.useRef)(null);
 	const offsetRef = (0, react.useRef)(0);
 	const animateCloseRef = (0, react.useRef)(false);
 	const startXRef = (0, react.useRef)(0);
@@ -603,6 +604,11 @@ function ContactsSidebarRow({ contact, isSelected, highlight, revealed = false,
 	}, []);
 	const setOffset = (0, react.useCallback)((value, animate) => {
 		offsetRef.current = value;
+		const layer = deleteLayerRef.current;
+		if (layer) {
+			layer.style.opacity = value === 0 ? "0" : "1";
+			layer.style.pointerEvents = value <= -REVEAL_WIDTH ? "auto" : "none";
+		}
 		const el = cardRef.current;
 		if (!el) return;
 		if (animate === "open") el.style.transition = "transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1)";
@@ -762,9 +768,11 @@ function ContactsSidebarRow({ contact, isSelected, highlight, revealed = false,
 		onPointerTarget?.(contact);
 	}, [onPointerTarget, contact]);
 	const handleDelete = (0, react.useCallback)(() => {
+		if (!revealed) return;
 		onRevealChange?.(id, false);
 		onDelete?.(contact);
 	}, [
+		revealed,
 		onDelete,
 		onRevealChange,
 		contact,
@@ -772,21 +780,23 @@ function ContactsSidebarRow({ contact, isSelected, highlight, revealed = false,
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "relative overflow-hidden rounded-xl",
-		children: [onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "bg-destructive text-destructive-foreground absolute inset-y-0 right-0 flex w-[88px] cursor-pointer flex-col items-center justify-center gap-1 pl-2",
+		children: [onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref: deleteLayerRef,
+			style: {
+				opacity: revealed ? 1 : 0,
+				pointerEvents: revealed ? "auto" : "none"
+			},
+			type: "button",
+			disabled: !revealed,
+			"aria-hidden": !revealed,
+			className: "bg-destructive text-destructive-foreground absolute inset-y-0 right-0 flex w-[88px] cursor-pointer appearance-none flex-col items-center justify-center gap-1 border-0 p-0 pl-2 transition-opacity disabled:cursor-default",
 			onPointerDown: (e) => {
 				e.stopPropagation();
-				e.preventDefault();
-				handleDelete();
 			},
-			onKeyDown: (e) => {
-				if (e.key === "Enter" || e.key === " ") {
-					e.preventDefault();
-					handleDelete();
-				}
+			onClick: (e) => {
+				e.stopPropagation();
+				handleDelete();
 			},
-			role: "button",
-			tabIndex: 0,
 			"aria-label": t("delete_contact_aria", { name }),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "text-xs font-medium",
@@ -811,7 +821,7 @@ function ContactsSidebarRow({ contact, isSelected, highlight, revealed = false,
 					handleActivate();
 				}
 			},
-			className: require_src.cn("group relative flex w-full cursor-pointer items-center gap-3.5 rounded-l-xl rounded-r-none px-3 py-3 text-left select-none", isSelected ? "bg-muted" : "bg-background hover:bg-muted", highlight && "animate-highlight-fade"),
+			className: require_src.cn("group relative flex w-full cursor-pointer items-center gap-3.5 rounded-xl px-3 py-3 text-left select-none", isSelected ? "bg-muted" : "bg-background hover:bg-muted", highlight && "animate-highlight-fade"),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: require_src.cn("text-muted-foreground relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-xl text-base font-semibold transition-colors", isSelected ? "bg-background" : "bg-muted"),
@@ -5058,4 +5068,4 @@ Object.defineProperty(exports, "contactsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ContactsScreen-TO0LAuHz.cjs.map
+//# sourceMappingURL=ContactsScreen-Cu6-ckm9.cjs.map