@alfakit/react 0.0.0-stage → 0.1.0

package/dist/components/actions/action-modals.js

@@ -0,0 +1,362 @@
+import { useActionRunner, useDirection, usePanel, useT } from "../../context.js";
+import { cn } from "../../lib/utils.js";
+import { colorClass, iconBackgroundColorClasses, outlineButtonColorClasses, solidButtonColorClasses } from "../../lib/colors.js";
+import { Icon } from "../../lib/icons.js";
+import { Button } from "../ui/button.js";
+import { useStore } from "../../hooks/use-store.js";
+import { extraProps } from "../../lib/attributes.js";
+import { Spinner } from "../ui/spinner.js";
+import { ActionList } from "./action-list.js";
+import { FormProvider } from "../form/form-context.js";
+import { Label } from "../ui/label.js";
+import { SchemaRenderer } from "../schema/schema-renderer.js";
+import { Input } from "../ui/input.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { showToast } from "../notifications/flash-toasts.js";
+import { Slot } from "../panel/slot.js";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle } from "../ui/sheet.js";
+import { FormStore, PASSWORD_CONFIRMATION_INPUT, actionFormComponent, actionFormParams, actionPath, confirmModalClose, guardModalUnload, isModalHiddenByChild, isModalSubmitVisible, modalFooterAlignment, nestedActionContext, scheduleAutofocus, slideOverSide, wizardProgressStore } from "@alfakit/core";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/actions/action-modals.tsx
+const WIDTHS = {
+	"3xs": "sm:max-w-3xs",
+	"2xs": "sm:max-w-2xs",
+	xs: "sm:max-w-xs",
+	sm: "sm:max-w-sm",
+	md: "sm:max-w-md",
+	lg: "sm:max-w-lg",
+	xl: "sm:max-w-xl",
+	"2xl": "sm:max-w-2xl",
+	"3xl": "sm:max-w-3xl",
+	"4xl": "sm:max-w-4xl",
+	"5xl": "sm:max-w-5xl",
+	"6xl": "sm:max-w-6xl",
+	"7xl": "sm:max-w-7xl",
+	none: "sm:max-w-none",
+	min: "sm:max-w-min",
+	max: "sm:max-w-max",
+	fit: "sm:max-w-fit",
+	prose: "sm:max-w-prose",
+	container: "sm:container",
+	"screen-sm": "sm:max-w-(--breakpoint-sm)",
+	"screen-md": "sm:max-w-(--breakpoint-md)",
+	"screen-lg": "sm:max-w-(--breakpoint-lg)",
+	"screen-xl": "sm:max-w-(--breakpoint-xl)",
+	"screen-2xl": "sm:max-w-(--breakpoint-2xl)",
+	full: "sm:max-w-[calc(100%-2rem)]",
+	screen: "sm:max-w-[calc(100%-2rem)] h-[calc(100%-2rem)]"
+};
+const EMPTY_PROGRESS = {
+	step: 0,
+	count: 0
+};
+const NO_PROGRESS = {
+	get: () => EMPTY_PROGRESS,
+	subscribe: () => () => {}
+};
+const NO_FORM = {
+	get: () => null,
+	subscribe: () => () => {}
+};
+/** Renders every open action modal from the runner store. Mount once per app. */
+function ActionModals() {
+	const runner = useActionRunner();
+	const { modals } = useStore(runner.store);
+	useEffect(() => {
+		runner.setNotificationHandler((notifications) => notifications.forEach((n) => showToast(n)));
+		return () => runner.setNotificationHandler(void 0);
+	}, [runner]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: modals.map((modal, index) => /* @__PURE__ */ jsx(ActionModal, {
+		modal,
+		hidden: isModalHiddenByChild(modals, index)
+	}, `${actionPath(modal.action, modal.context)}-${modal.context.record ?? ""}`)) });
+}
+const FOOTER_JUSTIFY = {
+	start: "sm:justify-start",
+	center: "sm:justify-center",
+	end: "sm:justify-end",
+	between: "sm:justify-between"
+};
+/**
+* Put PHP attributes (`extraModalOverlayAttributes()`) on an element the renderer doesn't
+* create itself (the dialog's backdrop). `class` is added to the element's classes.
+*/
+function applyAttributes(element, attributes) {
+	if (!element || !attributes) return;
+	for (const [name, value] of Object.entries(attributes)) {
+		if (value === null || value === void 0 || value === false) continue;
+		if (name === "class" || name === "className") element.classList.add(...String(value).split(/\s+/).filter(Boolean));
+		else element.setAttribute(name, value === true ? "" : String(value));
+	}
+}
+function ActionModal({ modal, hidden = false }) {
+	const runner = useActionRunner();
+	const panel = usePanel();
+	const direction = useDirection();
+	const t = useT();
+	const { action, context, modal: schema } = modal;
+	const submittedRef = useRef(false);
+	const form = useMemo(() => {
+		if (!schema.form) return null;
+		return new FormStore(schema.form, {
+			token: context.token,
+			component: actionFormComponent(action, context),
+			record: context.record ?? null,
+			refreshUrl: panel.endpoints.schemaRefresh,
+			optionsUrl: panel.endpoints.schemaOptions,
+			validateUrl: panel.endpoints.schemaValidate,
+			onNotifications: (notifications) => notifications.forEach((n) => showToast(n)),
+			params: actionFormParams(context)
+		});
+	}, [
+		schema.form,
+		context,
+		action,
+		panel.endpoints
+	]);
+	useEffect(() => {
+		form?.setErrors(modal.errors);
+	}, [form, modal.errors]);
+	useEffect(() => () => form?.destroy(), [form]);
+	const refocus = modal.refocus;
+	useEffect(() => {
+		if (!refocus || !form) return;
+		return scheduleAutofocus(() => document.getElementById(`action-form-${action.name}`), form.state.components);
+	}, [
+		refocus,
+		form,
+		action.name
+	]);
+	useEffect(() => form ? runner.registerModalForm(action, context, form) : void 0, [
+		runner,
+		form,
+		action,
+		context
+	]);
+	const [content, setContent] = useState(null);
+	useEffect(() => {
+		if (hidden) return;
+		const overlay = content?.previousElementSibling;
+		if (overlay?.getAttribute("data-slot")?.endsWith("-overlay")) applyAttributes(overlay, schema.overlayAttributes);
+	}, [
+		schema.overlayAttributes,
+		hidden,
+		content
+	]);
+	const formState = useStore(form?.store ?? NO_FORM);
+	const progressStore = useMemo(() => form ? wizardProgressStore(form) : null, [form]);
+	const progress = useStore(progressStore ?? NO_PROGRESS);
+	const submitVisible = isModalSubmitVisible(schema, progressStore ? progress : null);
+	const [password, setPassword] = useState("");
+	const passwordId = useId();
+	const passwordError = modal.errors[PASSWORD_CONFIRMATION_INPUT]?.[0];
+	const submit = (createAnother = false) => {
+		submittedRef.current = true;
+		const values = form?.state.values ?? {};
+		const options = {
+			...schema.passwordConfirmation ? { password } : {},
+			...createAnother ? { createAnother: true } : {}
+		};
+		if (Object.keys(options).length > 0) runner.execute(action, context, values, options);
+		else runner.execute(action, context, values);
+	};
+	const footerContext = useMemo(() => nestedActionContext(context, action), [context, action]);
+	const close = () => runner.cancelModal(action.name);
+	const unsavedMessage = t("unsaved_changes_close", {}, "You have unsaved changes. Close anyway?");
+	const requestClose = () => {
+		if (confirmModalClose(schema, form, unsavedMessage)) close();
+	};
+	useEffect(() => guardModalUnload(schema, form, unsavedMessage), [
+		schema,
+		form,
+		unsavedMessage
+	]);
+	const title = schema.heading ?? action.label ?? t("actions", {}, "Actions");
+	const header = /* @__PURE__ */ jsxs("div", {
+		className: cn("flex gap-4", schema.alignment === "center" && "flex-col items-center text-center"),
+		children: [schema.icon && /* @__PURE__ */ jsx("div", {
+			className: cn("flex size-10 shrink-0 items-center justify-center rounded-full", colorClass(iconBackgroundColorClasses, schema.iconColor, "primary")),
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: schema.icon,
+				className: "size-5"
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1.5",
+			children: [schema.slideOver ? /* @__PURE__ */ jsx(SheetTitle, {
+				className: cn(!schema.heading && "sr-only"),
+				children: title
+			}) : /* @__PURE__ */ jsx(DialogTitle, {
+				className: cn(!schema.heading && "sr-only"),
+				children: title
+			}), schema.description ? schema.slideOver ? /* @__PURE__ */ jsx(SheetDescription, { dangerouslySetInnerHTML: { __html: schema.description } }) : /* @__PURE__ */ jsx(DialogDescription, { dangerouslySetInnerHTML: { __html: schema.description } }) : schema.slideOver ? /* @__PURE__ */ jsx(SheetDescription, {
+				className: "sr-only",
+				children: title
+			}) : /* @__PURE__ */ jsx(DialogDescription, {
+				className: "sr-only",
+				children: title
+			})]
+		})]
+	});
+	const body = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			schema.content && /* @__PURE__ */ jsx(SchemaRenderer, { components: schema.content }),
+			form && /* @__PURE__ */ jsx(Slot, {
+				name: "modal.schema.before",
+				data: { action: action.name }
+			}),
+			form && /* @__PURE__ */ jsx(FormProvider, {
+				store: form,
+				children: /* @__PURE__ */ jsx("form", {
+					id: `action-form-${action.name}`,
+					onSubmit: (event) => {
+						event.preventDefault();
+						submit();
+					},
+					children: /* @__PURE__ */ jsx(SchemaRenderer, {
+						components: formState?.components ?? form.state.components,
+						columns: formState?.columns ?? form.state.columns
+					})
+				})
+			}),
+			form && /* @__PURE__ */ jsx(Slot, {
+				name: "modal.schema.after",
+				data: { action: action.name }
+			}),
+			schema.contentFooter && /* @__PURE__ */ jsx(SchemaRenderer, { components: schema.contentFooter }),
+			schema.passwordConfirmation && /* @__PURE__ */ jsxs("div", {
+				"data-slot": "password-confirmation",
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: passwordId,
+						children: t("current_password", {}, "Current password")
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						id: passwordId,
+						type: "password",
+						autoComplete: "current-password",
+						value: password,
+						"aria-invalid": passwordError ? true : void 0,
+						"aria-describedby": passwordError ? `${passwordId}-error` : `${passwordId}-hint`,
+						onChange: (event) => setPassword(event.target.value),
+						onKeyDown: (event) => {
+							if (event.key === "Enter") {
+								event.preventDefault();
+								submit();
+							}
+						}
+					}),
+					passwordError ? /* @__PURE__ */ jsx("p", {
+						id: `${passwordId}-error`,
+						className: "text-destructive text-sm",
+						children: passwordError
+					}) : /* @__PURE__ */ jsx("p", {
+						id: `${passwordId}-hint`,
+						className: "text-muted-foreground text-sm",
+						children: t("confirm_password", {}, "Confirm your password to continue")
+					})
+				]
+			})
+		]
+	});
+	const footerAlignment = modalFooterAlignment(schema);
+	const footer = (schema.submitLabel || schema.cancelLabel || schema.extraFooterActions?.length) && /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center", FOOTER_JUSTIFY[footerAlignment]),
+		children: [
+			schema.extraFooterActions && /* @__PURE__ */ jsx(ActionList, {
+				actions: schema.extraFooterActions,
+				context: footerContext,
+				className: footerAlignment === "end" ? "sm:me-auto" : void 0
+			}),
+			schema.cancelLabel && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				className: schema.cancelColor ? colorClass(outlineButtonColorClasses, schema.cancelColor) : void 0,
+				onClick: requestClose,
+				disabled: modal.processing,
+				children: schema.cancelLabel
+			}),
+			schema.createAnotherLabel && schema.submitLabel && submitVisible && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				"data-slot": "create-another",
+				className: schema.createAnotherColor ? colorClass(outlineButtonColorClasses, schema.createAnotherColor) : void 0,
+				onClick: () => submit(true),
+				disabled: modal.processing,
+				children: [schema.createAnotherIcon && /* @__PURE__ */ jsx(Icon, { name: schema.createAnotherIcon }), schema.createAnotherLabel]
+			}),
+			schema.submitLabel && submitVisible && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				className: colorClass(solidButtonColorClasses, schema.submitColor, "primary"),
+				onClick: () => submit(),
+				disabled: modal.processing,
+				autoFocus: schema.autofocus && !form,
+				children: [modal.processing ? /* @__PURE__ */ jsx(Spinner, {}) : schema.submitIcon && /* @__PURE__ */ jsx(Icon, { name: schema.submitIcon }), schema.submitLabel]
+			})
+		]
+	});
+	const onOpenChange = (open) => {
+		if (!open && !modal.processing) requestClose();
+	};
+	const isModal = !schema.clickThrough;
+	if (schema.slideOver) return /* @__PURE__ */ jsx(Sheet, {
+		open: !hidden,
+		modal: isModal,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			ref: setContent,
+			side: slideOverSide(schema.slideOverPosition, direction),
+			...extraProps(schema.windowAttributes, cn("flex w-full flex-col gap-0 p-0", WIDTHS[schema.width] ?? "sm:max-w-md")),
+			showCloseButton: schema.closeButton,
+			onInteractOutside: (event) => !schema.closeByClickingAway && event.preventDefault(),
+			onEscapeKeyDown: (event) => !schema.closeByEscaping && event.preventDefault(),
+			children: [
+				/* @__PURE__ */ jsx(SheetHeader, {
+					className: "border-b",
+					children: header
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex-1 overflow-y-auto p-4",
+					children: body
+				}),
+				footer && /* @__PURE__ */ jsx(SheetFooter, {
+					className: cn("border-t", schema.stickyFooter && "bg-background sticky bottom-0"),
+					children: footer
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: !hidden,
+		modal: isModal,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			ref: setContent,
+			...extraProps(schema.windowAttributes, cn("max-h-[calc(100vh-2rem)] overflow-y-auto", WIDTHS[schema.width] ?? "sm:max-w-lg")),
+			showCloseButton: schema.closeButton,
+			onInteractOutside: (event) => !schema.closeByClickingAway && event.preventDefault(),
+			onEscapeKeyDown: (event) => !schema.closeByEscaping && event.preventDefault(),
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, {
+					className: cn(schema.stickyHeader && "bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4"),
+					children: header
+				}),
+				(schema.content || form || schema.contentFooter || schema.passwordConfirmation) && body,
+				footer && /* @__PURE__ */ jsx(DialogFooter, {
+					className: cn(schema.stickyFooter && "bg-background sticky bottom-0 -mx-6 -mb-6 rounded-b-lg border-t px-6 py-4"),
+					children: footer
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: t("close", {}, "Close")
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { ActionModals };
+
+//# sourceMappingURL=action-modals.js.map

package/dist/components/actions/action-modals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-modals.js","names":[],"sources":["../../../src/components/actions/action-modals.tsx"],"sourcesContent":["import type { FormState, OpenModal } from '@alfakit/core'\nimport {\n  actionFormComponent,\n  actionFormParams,\n  actionPath,\n  confirmModalClose,\n  FormStore,\n  guardModalUnload,\n  isModalHiddenByChild,\n  isModalSubmitVisible,\n  modalFooterAlignment,\n  nestedActionContext,\n  PASSWORD_CONFIRMATION_INPUT,\n  scheduleAutofocus,\n  slideOverSide,\n  wizardProgressStore,\n} from '@alfakit/core'\nimport { useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { useActionRunner, useDirection, usePanel, useT } from '../../context'\nimport { useStore } from '../../hooks/use-store'\nimport { extraProps } from '../../lib/attributes'\nimport {\n  colorClass,\n  iconBackgroundColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { FormProvider } from '../form/form-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport { Slot } from '../panel/slot'\nimport { SchemaRenderer } from '../schema/schema-renderer'\nimport { Button } from '../ui/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\nimport { Input } from '../ui/input'\nimport { Label } from '../ui/label'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from '../ui/sheet'\nimport { Spinner } from '../ui/spinner'\nimport { ActionList } from './action-list'\n\nconst WIDTHS: Record<string, string> = {\n  '3xs': 'sm:max-w-3xs',\n  '2xs': 'sm:max-w-2xs',\n  xs: 'sm:max-w-xs',\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-lg',\n  xl: 'sm:max-w-xl',\n  '2xl': 'sm:max-w-2xl',\n  '3xl': 'sm:max-w-3xl',\n  '4xl': 'sm:max-w-4xl',\n  '5xl': 'sm:max-w-5xl',\n  '6xl': 'sm:max-w-6xl',\n  '7xl': 'sm:max-w-7xl',\n  none: 'sm:max-w-none',\n  min: 'sm:max-w-min',\n  max: 'sm:max-w-max',\n  fit: 'sm:max-w-fit',\n  prose: 'sm:max-w-prose',\n  container: 'sm:container',\n  'screen-sm': 'sm:max-w-(--breakpoint-sm)',\n  'screen-md': 'sm:max-w-(--breakpoint-md)',\n  'screen-lg': 'sm:max-w-(--breakpoint-lg)',\n  'screen-xl': 'sm:max-w-(--breakpoint-xl)',\n  'screen-2xl': 'sm:max-w-(--breakpoint-2xl)',\n  full: 'sm:max-w-[calc(100%-2rem)]',\n  screen: 'sm:max-w-[calc(100%-2rem)] h-[calc(100%-2rem)]',\n}\n\n// Module-level so the snapshot stays stable (a new object per read re-renders forever).\nconst EMPTY_PROGRESS = { step: 0, count: 0 }\nconst NO_PROGRESS = { get: () => EMPTY_PROGRESS, subscribe: () => () => {} }\nconst NO_FORM = { get: () => null, subscribe: () => () => {} }\n\n/** Renders every open action modal from the runner store. Mount once per app. */\nexport function ActionModals() {\n  const runner = useActionRunner()\n  const { modals } = useStore(runner.store)\n\n  // Notifications from JSON responses (a modal `mountUsing()` cancelled, field actions).\n  useEffect(() => {\n    runner.setNotificationHandler((notifications) => notifications.forEach((n) => showToast(n)))\n\n    return () => runner.setNotificationHandler(undefined)\n  }, [runner])\n\n  return (\n    <>\n      {modals.map((modal, index) => (\n        <ActionModal\n          key={`${actionPath(modal.action, modal.context)}-${modal.context.record ?? ''}`}\n          modal={modal}\n          hidden={isModalHiddenByChild(modals, index)}\n        />\n      ))}\n    </>\n  )\n}\n\nconst FOOTER_JUSTIFY: Record<string, string> = {\n  start: 'sm:justify-start',\n  center: 'sm:justify-center',\n  end: 'sm:justify-end',\n  between: 'sm:justify-between',\n}\n\n/**\n * Put PHP attributes (`extraModalOverlayAttributes()`) on an element the renderer doesn't\n * create itself (the dialog's backdrop). `class` is added to the element's classes.\n */\nfunction applyAttributes(\n  element: Element | null | undefined,\n  attributes: Record<string, unknown> | undefined,\n) {\n  if (!element || !attributes) return\n\n  for (const [name, value] of Object.entries(attributes)) {\n    if (value === null || value === undefined || value === false) continue\n\n    if (name === 'class' || name === 'className') {\n      element.classList.add(...String(value).split(/\\s+/).filter(Boolean))\n    } else {\n      element.setAttribute(name, value === true ? '' : String(value))\n    }\n  }\n}\n\nfunction ActionModal({ modal, hidden = false }: { modal: OpenModal; hidden?: boolean }) {\n  const runner = useActionRunner()\n  const panel = usePanel()\n  const direction = useDirection()\n  const t = useT()\n  const { action, context, modal: schema } = modal\n  const submittedRef = useRef(false)\n\n  const form = useMemo(() => {\n    if (!schema.form) {\n      return null\n    }\n\n    return new FormStore(schema.form, {\n      token: context.token,\n      component: actionFormComponent(action, context),\n      record: context.record ?? null,\n      refreshUrl: panel.endpoints.schemaRefresh,\n      optionsUrl: panel.endpoints.schemaOptions,\n      validateUrl: panel.endpoints.schemaValidate,\n      // A halted wizard step shows what its hook sent.\n      onNotifications: (notifications) => notifications.forEach((n) => showToast(n)),\n      params: actionFormParams(context),\n    })\n  }, [schema.form, context, action, panel.endpoints])\n\n  useEffect(() => {\n    form?.setErrors(modal.errors)\n  }, [form, modal.errors])\n\n  useEffect(() => () => form?.destroy(), [form])\n\n  // \"Create & create another\": back to the `autofocus()` field of the fresh form.\n  const refocus = modal.refocus\n\n  useEffect(() => {\n    if (!refocus || !form) return\n\n    return scheduleAutofocus(\n      () => document.getElementById(`action-form-${action.name}`),\n      form.state.components,\n    )\n  }, [refocus, form, action.name])\n\n  // Nested actions read this form (`$mountedActions`, `getRawData()`) and write into it\n  // (`fillData()`).\n  useEffect(\n    () => (form ? runner.registerModalForm(action, context, form) : undefined),\n    [runner, form, action, context],\n  )\n\n  // `extraModalOverlayAttributes()`: the backdrop is the content's previous sibling.\n  // A callback ref: the portal renders the content after the first commit.\n  const [content, setContent] = useState<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    if (hidden) return\n\n    const overlay = content?.previousElementSibling\n\n    if (overlay?.getAttribute('data-slot')?.endsWith('-overlay')) {\n      applyAttributes(overlay, schema.overlayAttributes)\n    }\n  }, [schema.overlayAttributes, hidden, content])\n\n  // Live updates replace the form's components (fields shown, options changed).\n  const formState = useStore<FormState | null>(form?.store ?? NO_FORM)\n\n  // A wizard form reports its step, so the submit button waits for the last one.\n  const progressStore = useMemo(() => (form ? wizardProgressStore(form) : null), [form])\n  const progress = useStore(progressStore ?? NO_PROGRESS)\n  const submitVisible = isModalSubmitVisible(schema, progressStore ? progress : null)\n\n  const [password, setPassword] = useState('')\n  const passwordId = useId()\n  const passwordError = modal.errors[PASSWORD_CONFIRMATION_INPUT]?.[0]\n\n  const submit = (createAnother = false) => {\n    submittedRef.current = true\n    const values = form?.state.values ?? {}\n    const options = {\n      ...(schema.passwordConfirmation ? { password } : {}),\n      ...(createAnother ? { createAnother: true } : {}),\n    }\n\n    if (Object.keys(options).length > 0) {\n      runner.execute(action, context, values, options)\n    } else {\n      runner.execute(action, context, values)\n    }\n  }\n\n  const footerContext = useMemo(() => nestedActionContext(context, action), [context, action])\n\n  // Dismissing the modal (not submitting it): `cancelParentActionsOnClose()` applies.\n  const close = () => runner.cancelModal(action.name)\n  const unsavedMessage = t('unsaved_changes_close', {}, 'You have unsaved changes. Close anyway?')\n  // Cancel, Escape, clicking away and the close button ask first when the form changed.\n  const requestClose = () => {\n    if (confirmModalClose(schema, form, unsavedMessage)) close()\n  }\n\n  useEffect(() => guardModalUnload(schema, form, unsavedMessage), [schema, form, unsavedMessage])\n  const title = schema.heading ?? action.label ?? t('actions', {}, 'Actions')\n\n  const header = (\n    <div\n      className={cn(\n        'flex gap-4',\n        schema.alignment === 'center' && 'flex-col items-center text-center',\n      )}\n    >\n      {schema.icon && (\n        <div\n          className={cn(\n            'flex size-10 shrink-0 items-center justify-center rounded-full',\n            colorClass(iconBackgroundColorClasses, schema.iconColor, 'primary'),\n          )}\n        >\n          <Icon name={schema.icon} className=\"size-5\" />\n        </div>\n      )}\n      <div className=\"flex flex-col gap-1.5\">\n        {/* Every dialog needs an accessible name: without a heading it stays visually hidden. */}\n        {schema.slideOver ? (\n          <SheetTitle className={cn(!schema.heading && 'sr-only')}>{title}</SheetTitle>\n        ) : (\n          <DialogTitle className={cn(!schema.heading && 'sr-only')}>{title}</DialogTitle>\n        )}\n        {schema.description ? (\n          schema.slideOver ? (\n            <SheetDescription dangerouslySetInnerHTML={{ __html: schema.description }} />\n          ) : (\n            <DialogDescription dangerouslySetInnerHTML={{ __html: schema.description }} />\n          )\n        ) : schema.slideOver ? (\n          <SheetDescription className=\"sr-only\">{title}</SheetDescription>\n        ) : (\n          <DialogDescription className=\"sr-only\">{title}</DialogDescription>\n        )}\n      </div>\n    </div>\n  )\n\n  const body = (\n    <div className=\"flex flex-col gap-6\">\n      {schema.content && <SchemaRenderer components={schema.content} />}\n      {form && <Slot name=\"modal.schema.before\" data={{ action: action.name }} />}\n      {form && (\n        <FormProvider store={form}>\n          <form\n            id={`action-form-${action.name}`}\n            onSubmit={(event) => {\n              event.preventDefault()\n              submit()\n            }}\n          >\n            <SchemaRenderer\n              components={formState?.components ?? form.state.components}\n              columns={formState?.columns ?? form.state.columns}\n            />\n          </form>\n        </FormProvider>\n      )}\n      {form && <Slot name=\"modal.schema.after\" data={{ action: action.name }} />}\n      {schema.contentFooter && <SchemaRenderer components={schema.contentFooter} />}\n      {schema.passwordConfirmation && (\n        <div data-slot=\"password-confirmation\" className=\"flex flex-col gap-2\">\n          <Label htmlFor={passwordId}>{t('current_password', {}, 'Current password')}</Label>\n          <Input\n            id={passwordId}\n            type=\"password\"\n            autoComplete=\"current-password\"\n            value={password}\n            aria-invalid={passwordError ? true : undefined}\n            aria-describedby={passwordError ? `${passwordId}-error` : `${passwordId}-hint`}\n            onChange={(event) => setPassword(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') {\n                event.preventDefault()\n                submit()\n              }\n            }}\n          />\n          {passwordError ? (\n            <p id={`${passwordId}-error`} className=\"text-destructive text-sm\">\n              {passwordError}\n            </p>\n          ) : (\n            <p id={`${passwordId}-hint`} className=\"text-muted-foreground text-sm\">\n              {t('confirm_password', {}, 'Confirm your password to continue')}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n\n  const footerAlignment = modalFooterAlignment(schema)\n  const footer = (schema.submitLabel ||\n    schema.cancelLabel ||\n    schema.extraFooterActions?.length) && (\n    <div\n      className={cn(\n        'flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center',\n        FOOTER_JUSTIFY[footerAlignment],\n      )}\n    >\n      {schema.extraFooterActions && (\n        <ActionList\n          actions={schema.extraFooterActions}\n          context={footerContext}\n          className={footerAlignment === 'end' ? 'sm:me-auto' : undefined}\n        />\n      )}\n      {schema.cancelLabel && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={\n            schema.cancelColor\n              ? colorClass(outlineButtonColorClasses, schema.cancelColor)\n              : undefined\n          }\n          onClick={requestClose}\n          disabled={modal.processing}\n        >\n          {schema.cancelLabel}\n        </Button>\n      )}\n      {schema.createAnotherLabel && schema.submitLabel && submitVisible && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          data-slot=\"create-another\"\n          className={\n            schema.createAnotherColor\n              ? colorClass(outlineButtonColorClasses, schema.createAnotherColor)\n              : undefined\n          }\n          onClick={() => submit(true)}\n          disabled={modal.processing}\n        >\n          {schema.createAnotherIcon && <Icon name={schema.createAnotherIcon} />}\n          {schema.createAnotherLabel}\n        </Button>\n      )}\n      {schema.submitLabel && submitVisible && (\n        <Button\n          type=\"button\"\n          className={colorClass(solidButtonColorClasses, schema.submitColor, 'primary')}\n          onClick={() => submit()}\n          disabled={modal.processing}\n          autoFocus={schema.autofocus && !form}\n        >\n          {modal.processing ? <Spinner /> : schema.submitIcon && <Icon name={schema.submitIcon} />}\n          {schema.submitLabel}\n        </Button>\n      )}\n    </div>\n  )\n\n  const onOpenChange = (open: boolean) => {\n    if (!open && !modal.processing) {\n      requestClose()\n    }\n  }\n\n  // `modalClickThrough()`: a non-modal dialog has no backdrop and leaves the page usable.\n  const isModal = !schema.clickThrough\n\n  if (schema.slideOver) {\n    return (\n      <Sheet open={!hidden} modal={isModal} onOpenChange={onOpenChange}>\n        <SheetContent\n          ref={setContent}\n          side={slideOverSide(schema.slideOverPosition, direction)}\n          {...extraProps(\n            schema.windowAttributes,\n            cn('flex w-full flex-col gap-0 p-0', WIDTHS[schema.width] ?? 'sm:max-w-md'),\n          )}\n          showCloseButton={schema.closeButton}\n          onInteractOutside={(event) => !schema.closeByClickingAway && event.preventDefault()}\n          onEscapeKeyDown={(event) => !schema.closeByEscaping && event.preventDefault()}\n        >\n          <SheetHeader className=\"border-b\">{header}</SheetHeader>\n          <div className=\"flex-1 overflow-y-auto p-4\">{body}</div>\n          {footer && (\n            <SheetFooter\n              className={cn('border-t', schema.stickyFooter && 'bg-background sticky bottom-0')}\n            >\n              {footer}\n            </SheetFooter>\n          )}\n        </SheetContent>\n      </Sheet>\n    )\n  }\n\n  return (\n    <Dialog open={!hidden} modal={isModal} onOpenChange={onOpenChange}>\n      <DialogContent\n        ref={setContent}\n        {...extraProps(\n          schema.windowAttributes,\n          cn('max-h-[calc(100vh-2rem)] overflow-y-auto', WIDTHS[schema.width] ?? 'sm:max-w-lg'),\n        )}\n        showCloseButton={schema.closeButton}\n        onInteractOutside={(event) => !schema.closeByClickingAway && event.preventDefault()}\n        onEscapeKeyDown={(event) => !schema.closeByEscaping && event.preventDefault()}\n      >\n        <DialogHeader\n          className={cn(\n            // Pinned to the top of the scrolling dialog, edge to edge.\n            schema.stickyHeader &&\n              'bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4',\n          )}\n        >\n          {header}\n        </DialogHeader>\n        {(schema.content || form || schema.contentFooter || schema.passwordConfirmation) && body}\n        {footer && (\n          <DialogFooter\n            className={cn(\n              // Pinned to the bottom of the scrolling dialog, edge to edge.\n              schema.stickyFooter &&\n                'bg-background sticky bottom-0 -mx-6 -mb-6 rounded-b-lg border-t px-6 py-4',\n            )}\n          >\n            {footer}\n          </DialogFooter>\n        )}\n        <span className=\"sr-only\">{t('close', {}, 'Close')}</span>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}

package/dist/components/actions/index.d.ts

@@ -0,0 +1,5 @@
+import { ActionButton } from "./action-button.js";
+import { PageActionProvider, usePageActionContext } from "./action-context.js";
+import { ActionGroupMenu, ActionList } from "./action-list.js";
+import { ActionModals } from "./action-modals.js";
+export { ActionButton, ActionGroupMenu, ActionList, ActionModals, PageActionProvider, usePageActionContext };