@chelone/vue 0.5.0 → 0.7.0

package/dist/components/admin/list/approval-queue-row.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,200 @@
+import { useOptionalIdentity } from "../../../auth/auth-hooks.js";
+import { useCheloneNotifications } from "../../../context.js";
+import { useUpdate } from "../../../data/mutations.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
+import { provideRecordContext } from "../../../record/record-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import button_default from "../../ui/button.js";
+import { Card } from "../../ui/card.js";
+import { FieldLabel } from "../../ui/field.js";
+import textarea_default from "../../ui/textarea.js";
+import dual_approval_button_default from "../buttons/dual-approval-button.js";
+import { useMenuAccess } from "../layout/use-menu-access.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, toRef, unref, useId, withCtx, withModifiers } from "vue";
+import { buildRejectionUpdate, getAtPath } from "@chelone/core";
+import { useIsMutating } from "@tanstack/vue-query";
+// src/components/admin/list/approval-queue-row.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-wrap items-center gap-3" };
+var _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_3 = {
+	"data-slot": "approval-queue-title",
+	class: "font-medium"
+};
+var _hoisted_4 = {
+	key: 0,
+	"data-slot": "approval-queue-subtitle",
+	class: "text-muted-foreground"
+};
+var _hoisted_5 = {
+	key: 0,
+	"data-slot": "approval-queue-rejected",
+	class: "text-muted-foreground"
+};
+var _hoisted_6 = ["disabled"];
+var _hoisted_7 = { class: "flex justify-end gap-2" };
+var approval_queue_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "approval-queue-row",
+	props: {
+		titleSource: {},
+		subtitleSource: {},
+		required: { default: 1 },
+		approverSource: {},
+		statusSource: {},
+		pendingValue: {},
+		approvedValue: {},
+		rejectedValue: {},
+		noteSource: {},
+		rejectedBySource: {},
+		requireReason: { type: Boolean },
+		mutationMode: { default: "pessimistic" },
+		record: {}
+	},
+	setup(__props) {
+		/**
+		* One row of an `<ApprovalQueue>`: the title and subtitle of its record, the
+		* `<DualApprovalButton>` and a Reject that opens a reason form. It owns the
+		* form and the rejection write, and publishes its record as the ambient one.
+		*/
+		const props = __props;
+		const resource = useResourceContext();
+		const translate = useTranslate();
+		const notifications = useCheloneNotifications();
+		const reasonId = useId();
+		const getRepresentation = useGetRecordRepresentation(resource);
+		const update = useUpdate(resource ?? "", { mutationMode: props.mutationMode });
+		const inFlight = useIsMutating({
+			mutationKey: [resource ?? "", "update"],
+			predicate: ({ state: { variables } }) => typeof variables === "object" && variables !== null && "id" in variables && variables.id === props.record.id
+		});
+		const updating = computed(() => inFlight.value > 0);
+		const { canAccess, isPending: isAccessPending } = useMenuAccess(computed(() => ({
+			action: "edit",
+			resource: resource ?? "",
+			record: props.record
+		})));
+		const { identity } = useOptionalIdentity();
+		const open = ref(false);
+		const reason = ref("");
+		provideRecordContext(toRef(props, "record"));
+		const title = computed(() => {
+			const value = props.titleSource ? getAtPath(props.record, props.titleSource) : void 0;
+			return value == null ? getRepresentation(props.record) : String(value);
+		});
+		const subtitle = computed(() => props.subtitleSource ? getAtPath(props.record, props.subtitleSource) : void 0);
+		const hasSubtitle = computed(() => subtitle.value != null && subtitle.value !== "");
+		const rejection = computed(() => buildRejectionUpdate(props.record, {
+			identityId: identity.value?.id,
+			statusSource: props.statusSource,
+			rejectedValue: props.rejectedValue,
+			noteSource: props.noteSource,
+			rejectedBySource: props.rejectedBySource,
+			requireReason: props.requireReason,
+			reason: reason.value
+		}));
+		const isRejected = computed(() => Reflect.get(props.record, props.statusSource ?? "status") === (props.rejectedValue ?? "rejected"));
+		const showReject = computed(() => canAccess.value && !isAccessPending.value);
+		function close() {
+			open.value = false;
+			reason.value = "";
+		}
+		async function confirm() {
+			const data = rejection.value;
+			if (!data) return;
+			const request = update.mutateAsync({
+				id: props.record.id,
+				data,
+				previousData: props.record
+			});
+			if (props.mutationMode === "undoable") {
+				request.catch(() => {});
+				close();
+				return;
+			}
+			try {
+				await request;
+				notifications?.notify("chelone.notification.updated", {
+					type: "info",
+					messageArgs: { smart_count: 1 }
+				});
+				close();
+			} catch {
+				notifications?.notify("chelone.notification.http_error", { type: "error" });
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Card), {
+				role: "listitem",
+				"data-slot": "approval-queue-row",
+				"data-record-id": String(__props.record.id),
+				class: "flex flex-col gap-3 p-4 text-sm"
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(title.value), 1), hasSubtitle.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(String(subtitle.value)), 1)) : createCommentVNode("", true)]),
+					renderSlot(_ctx.$slots, "extra", { record: __props.record }),
+					isRejected.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(translate)("chelone.approval_queue.rejected", { _: "Rejected" })), 1)) : (openBlock(), createElementBlock("fieldset", {
+						key: 1,
+						disabled: updating.value,
+						class: "m-0 flex min-w-0 items-center gap-2 border-0 p-0"
+					}, [createVNode(dual_approval_button_default, {
+						required: __props.required,
+						"approver-source": __props.approverSource,
+						"status-source": __props.statusSource,
+						"pending-value": __props.pendingValue,
+						"approved-value": __props.approvedValue,
+						"mutation-mode": __props.mutationMode
+					}, null, 8, [
+						"required",
+						"approver-source",
+						"status-source",
+						"pending-value",
+						"approved-value",
+						"mutation-mode"
+					]), showReject.value ? (openBlock(), createBlock(button_default, {
+						key: 0,
+						type: "button",
+						variant: "outline",
+						"data-slot": "approval-queue-reject",
+						disabled: !unref(identity) || open.value,
+						onClick: _cache[0] || (_cache[0] = ($event) => open.value = true)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.approval.reject", { _: "Reject" })), 1)]),
+						_: 1
+					}, 8, ["disabled"])) : createCommentVNode("", true)], 8, _hoisted_6))
+				]), open.value ? (openBlock(), createElementBlock("form", {
+					key: 0,
+					"data-slot": "approval-queue-reason-form",
+					class: "flex flex-col gap-2",
+					onSubmit: withModifiers(confirm, ["prevent"])
+				}, [
+					createVNode(unref(FieldLabel), { "html-for": unref(reasonId) }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.approval_queue.reason", { _: "Reason" })), 1)]),
+						_: 1
+					}, 8, ["html-for"]),
+					createVNode(textarea_default, {
+						id: unref(reasonId),
+						modelValue: reason.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => reason.value = $event)
+					}, null, 8, ["id", "modelValue"]),
+					createElementVNode("div", _hoisted_7, [createVNode(button_default, {
+						type: "button",
+						variant: "ghost",
+						onClick: close
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("ra.action.cancel", { _: "Cancel" })), 1)]),
+						_: 1
+					}), createVNode(button_default, {
+						type: "submit",
+						variant: "destructive",
+						disabled: !rejection.value || unref(update).isPending.value || updating.value
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("chelone.approval_queue.confirm_reject", { _: "Confirm reject" })), 1)]),
+						_: 1
+					}, 8, ["disabled"])])
+				], 32)) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["data-record-id"]);
+		};
+	}
+});
+export { approval_queue_row_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/approval-queue.js

@@ -0,0 +1,4 @@
+import approval_queue_vue_vue_type_script_setup_true_lang_default from "./approval-queue.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/approval-queue.vue
+var approval_queue_default = approval_queue_vue_vue_type_script_setup_true_lang_default;
+export { approval_queue_default as default };

package/dist/components/admin/list/approval-queue.vue.d.ts

@@ -0,0 +1,70 @@
+/**
+ * `<ApprovalQueue>` — the records of the ambient `<List>` as a queue, one card
+ * per record with the `<DualApprovalButton>` and a Reject that asks for a
+ * reason before it writes the rejected status, the reason and the signed-in
+ * user. The Vue twin of `@chelone/react`'s `list/approval-queue.tsx`. It
+ * fetches nothing: filter the `<List>` on pending and a decided row leaves once
+ * the update's refetch lands. Reject needs `edit` access and an identity. The
+ * `extra` slot renders in each row, given `{ record }`.
+ *
+ * This is a UI rule, not a security one: the server has to enforce who may
+ * approve or reject.
+ *
+ * @example
+ * <List :filter="{ status: 'pending' }">
+ *   <ApprovalQueue title-source="title" subtitle-source="author" :required="2" />
+ * </List>
+ */
+import { type VNode } from "vue";
+import type { LooseRecord, MutationMode, SourceProp } from "@chelone/core";
+/** Props for {@link ApprovalQueue}. */
+export interface ApprovalQueueProps<TRecord extends LooseRecord = LooseRecord> {
+    /** The field shown as the row title; the record representation when it is null or undefined. */
+    titleSource?: SourceProp<TRecord>;
+    /** The field shown as a second line when its value is not empty. */
+    subtitleSource?: SourceProp<TRecord>;
+    /** Approvals needed. Default 1. */
+    required?: number;
+    /** Record field holding the approver ids, a top-level key. Default `"approvers"`. */
+    approverSource?: keyof TRecord & string;
+    /** Record field the status is written to and read from. Default `"status"`. */
+    statusSource?: keyof TRecord & string;
+    /** Status written while approvals are short of `required`. Default `"pending"`. */
+    pendingValue?: string;
+    /** Status written once approvals reach `required`. Default `"approved"`. */
+    approvedValue?: string;
+    /** Status written on rejection. Default `"rejected"`. */
+    rejectedValue?: string;
+    /** Record field the reason is written to. Default `"rejectionNote"`. */
+    noteSource?: string;
+    /** Record field the rejecter's id is written to. Default `"rejectedBy"`. */
+    rejectedBySource?: string;
+    /** Refuse a rejection until a reason is typed. Default `false`. */
+    requireReason?: boolean;
+    /** Default `"pessimistic"`; `"undoable"` shows an Undo notification. */
+    mutationMode?: MutationMode;
+    class?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <TRecord extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ApprovalQueueProps<TRecord>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** Rendered in each row, given the row's record. */
+        extra?(props: {
+            record: TRecord;
+        }): VNode[];
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/admin/list/approval-queue.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import approval_queue_row_default from "./approval-queue-row.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/admin/list/approval-queue.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	"data-slot": "approval-queue-empty",
+	class: "py-6 text-center text-sm text-muted-foreground"
+};
+var approval_queue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "approval-queue",
+	props: {
+		titleSource: {},
+		subtitleSource: {},
+		required: {},
+		approverSource: {},
+		statusSource: {},
+		pendingValue: {},
+		approvedValue: {},
+		rejectedValue: {},
+		noteSource: {},
+		rejectedBySource: {},
+		requireReason: { type: Boolean },
+		mutationMode: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<ApprovalQueue>` — the records of the ambient `<List>` as a queue, one card
+		* per record with the `<DualApprovalButton>` and a Reject that asks for a
+		* reason before it writes the rejected status, the reason and the signed-in
+		* user. The Vue twin of `@chelone/react`'s `list/approval-queue.tsx`. It
+		* fetches nothing: filter the `<List>` on pending and a decided row leaves once
+		* the update's refetch lands. Reject needs `edit` access and an identity. The
+		* `extra` slot renders in each row, given `{ record }`.
+		*
+		* This is a UI rule, not a security one: the server has to enforce who may
+		* approve or reject.
+		*
+		* @example
+		* <List :filter="{ status: 'pending' }">
+		*   <ApprovalQueue title-source="title" subtitle-source="author" :required="2" />
+		* </List>
+		*/
+		const props = __props;
+		const list = useListContext();
+		const translate = useTranslate();
+		const rowProps = computed(() => {
+			const { class: _class, ...rest } = props;
+			return rest;
+		});
+		return (_ctx, _cache) => {
+			return unref(list).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : !unref(list).data || unref(list).data.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(unref(translate)("chelone.approval_queue.empty", { _: "No items waiting for approval" })), 1)) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				role: "list",
+				"data-slot": "approval-queue",
+				class: normalizeClass(unref(cn)("flex flex-col gap-3", props.class))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list).data, (record) => {
+				return openBlock(), createBlock(approval_queue_row_default, mergeProps({ key: record.id }, { ref_for: true }, rowProps.value, { record }), {
+					extra: withCtx((slotProps) => [renderSlot(_ctx.$slots, "extra", mergeProps({ ref_for: true }, slotProps))]),
+					_: 3
+				}, 16, ["record"]);
+			}), 128))], 2));
+		};
+	}
+});
+export { approval_queue_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/bulk-actions-toolbar.js

@@ -0,0 +1,4 @@
+import bulk_actions_toolbar_vue_vue_type_script_setup_true_lang_default from "./bulk-actions-toolbar.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/bulk-actions-toolbar.vue
+var bulk_actions_toolbar_default = bulk_actions_toolbar_vue_vue_type_script_setup_true_lang_default;
+export { bulk_actions_toolbar_default as default };

package/dist/components/admin/list/bulk-actions-toolbar.vue.d.ts

@@ -2,10 +2,11 @@
 export interface BulkActionsToolbarProps {
     label?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BulkActionsToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkActionsToolbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BulkActionsToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BulkActionsToolbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/list/bulk-actions-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { Card } from "../../ui/card.js";
+import button_default from "../../ui/button.js";
+import { XIcon } from "./list-icons.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+// src/components/admin/list/bulk-actions-toolbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center gap-2" };
+var _hoisted_2 = {
+	class: "text-sm text-muted-foreground",
+	"data-slot": "bulk-count"
+};
+var bulk_actions_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "bulk-actions-toolbar",
+	props: { label: {} },
+	setup(__props) {
+		/**
+		* `<BulkActionsToolbar>` — a sticky toolbar that appears when rows are selected
+		* in a `<DataTable>`, the Vue analog of `@chelone/react`'s
+		* `list/bulk-actions-toolbar.tsx`. Reads the ambient list surface
+		* (`useListContext` — `selectedIds` + `unselectAll`), shows the selected-row
+		* count + an unselect-all control, and renders any bulk-action slot content.
+		* Hidden when nothing is selected.
+		*
+		* Chelone divergence (parity with the React twin): the default bulk buttons
+		* (delete / export / select-all) live in a later button wave, so this toolbar
+		* has NO default slot content — pass your own bulk buttons via the default slot,
+		* or let `<DataTable :bulk-actions>` supply them. Labels resolve through the Vue
+		* `useTranslate`, which honors the `{ _: fallback }` convention, so a missing
+		* i18n message still renders readable English.
+		*/
+		const list = useListContext();
+		const translate = useTranslate();
+		const count = computed(() => list.selectedIds?.length ?? 0);
+		const visible = computed(() => count.value > 0);
+		const unselectLabel = computed(() => translate("ra.action.unselect", { _: "Unselect" }));
+		const countLabel = computed(() => translate("ra.action.bulk_actions", {
+			smart_count: count.value,
+			_: `${count.value} rows selected`
+		}));
+		function handleUnselectAll(event) {
+			event.stopPropagation();
+			list.unselectAll();
+		}
+		return (_ctx, _cache) => {
+			return visible.value ? (openBlock(), createBlock(unref(Card), {
+				key: 0,
+				class: "flex flex-col gap-2 md:gap-6 md:flex-row items-stretch sm:items-center p-2 px-4 w-[90%] sm:w-fit mx-auto fixed bottom-2 left-0 right-0 z-10 bg-muted",
+				"data-slot": "bulk-actions-toolbar"
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(button_default, {
+					variant: "ghost",
+					class: "has-[>svg]:px-0",
+					"aria-label": unselectLabel.value,
+					onClick: handleUnselectAll
+				}, {
+					default: withCtx(() => [createVNode(unref(XIcon))]),
+					_: 1
+				}, 8, ["aria-label"]), createElementVNode("span", _hoisted_2, toDisplayString(__props.label != null ? __props.label : countLabel.value), 1)]), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+export { bulk_actions_toolbar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/bulk-edit-drawer.js

@@ -0,0 +1,4 @@
+import bulk_edit_drawer_vue_vue_type_script_setup_true_lang_default from "./bulk-edit-drawer.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/bulk-edit-drawer.vue
+var bulk_edit_drawer_default = bulk_edit_drawer_vue_vue_type_script_setup_true_lang_default;
+export { bulk_edit_drawer_default as default };

package/dist/components/admin/list/bulk-edit-drawer.vue.d.ts

@@ -29,17 +29,18 @@ export interface BulkEditDrawerProps {
     /** Edge the sheet slides in from. Default `"right"`. */
     side?: "top" | "right" | "bottom" | "left";
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BulkEditDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BulkEditDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     success: (diff: Record<string, unknown>, ids: Identifier[]) => any;
 }, string, import("vue").PublicProps, Readonly<BulkEditDrawerProps> & Readonly<{
     onSuccess?: ((diff: Record<string, unknown>, ids: Identifier[]) => any) | undefined;
 }>, {
     label: string;
-    side: "top" | "right" | "bottom" | "left";
+    side: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/list/bulk-edit-drawer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,167 @@
+import { useCheloneNotifications } from "../../../context.js";
+import { useUpdateMany } from "../../../data/mutations.js";
+import { useRefresh } from "../../../data/use-refresh.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import button_default from "../../ui/button.js";
+import sheet_default from "../../ui/sheet.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "vue";
+import { getDirtyFormValues } from "@chelone/core";
+// src/components/admin/list/bulk-edit-drawer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "contents",
+	"data-slot": "bulk-edit-drawer"
+};
+var _hoisted_2 = ["id"];
+var bulk_edit_drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "bulk-edit-drawer",
+	props: {
+		label: { default: "Edit selected" },
+		title: {},
+		disabled: { type: Boolean },
+		side: { default: "right" }
+	},
+	emits: ["success"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<BulkEditDrawer>` — types new values and applies them to every selected
+		* record from a side sheet. The Vue twin of `@chelone/react`'s
+		* `list/bulk-edit-drawer.tsx`. Only the fields the user touched are sent, so an
+		* untouched input never overwrites the rows: the diff is read with core's
+		* `getDirtyFormValues`. The default slot holds the inputs; their values become
+		* the patch for every row.
+		*
+		* Flat sources only: a nested source (`address.city`, `tags[1]`) is refused with
+		* an error, since the empty form would send a partial object that overwrites the
+		* stored one on every row.
+		*
+		* The apply path mirrors `<BulkUpdateButton>` pessimistic mode: notify
+		* `chelone.notification.updated`, `unselectAll`, `useRefresh`, then emit
+		* `success` with the sent fields and the updated ids. Must be used inside a
+		* `<List>`, e.g. in its `#actions` slot.
+		*
+		* DELIBERATE DIVERGENCE: the sheet is `ui/sheet.vue`, a dependency-free inline
+		* panel (no reka-ui, no `<Teleport>`), like `<Confirm>`.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const resource = useResourceContext();
+		if (!resource) throw new Error("<BulkEditDrawer> must be used inside a <Resource>.");
+		const list = useListContext();
+		const translate = useTranslate();
+		const notifications = useCheloneNotifications();
+		const refresh = useRefresh();
+		const updateMany = useUpdateMany(resource);
+		const open = ref(false);
+		const formId = useId();
+		const { form, submit, submitting } = useForm({
+			record: {},
+			resetOnSuccess: false,
+			onSubmit: async () => {
+				const nested = Object.entries(form.store.state.fieldMeta).find(([path, meta]) => meta?.isDirty && /[.[]/.test(path));
+				if (nested) {
+					notifications?.notify("ra.message.bulk_edit_nested_source", {
+						type: "error",
+						messageArgs: {
+							source: nested[0],
+							_: "Bulk edit takes flat sources only, but {source} is nested."
+						}
+					});
+					return;
+				}
+				const diff = getDirtyFormValues(form.store.state.values, form.store.state.fieldMeta);
+				if (Object.keys(diff).length === 0) {
+					close();
+					return;
+				}
+				const ids = [...list.selectedIds ?? []];
+				try {
+					await updateMany.mutateAsync({
+						ids,
+						data: diff
+					});
+				} catch (error) {
+					console.error(error);
+					notifications?.notify("chelone.notification.http_error", { type: "error" });
+					return;
+				}
+				notifications?.notify("chelone.notification.updated", {
+					type: "info",
+					messageArgs: { smart_count: ids.length }
+				});
+				list.unselectAll();
+				refresh();
+				emit("success", diff, ids);
+				close();
+			}
+		});
+		function close() {
+			open.value = false;
+			form.reset();
+		}
+		function onOpenChange(next) {
+			if (next) open.value = true;
+			else close();
+		}
+		const count = computed(() => list.selectedIds?.length ?? 0);
+		const label = computed(() => translate(props.label, { _: props.label }));
+		const title = computed(() => props.title ? translate(props.title, { _: props.title }) : label.value);
+		const description = computed(() => translate("ra.message.bulk_edit_description", {
+			smart_count: count.value,
+			_: "Only the fields you change are applied to {smart_count} selected record(s)."
+		}));
+		const applyLabel = computed(() => translate("ra.action.bulk_edit_apply", {
+			smart_count: count.value,
+			_: "Apply to {smart_count} record(s)"
+		}));
+		const cancelLabel = computed(() => translate("ra.action.cancel", { _: "Cancel" }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(button_default, {
+				type: "button",
+				variant: "outline",
+				"data-bulk-edit-trigger": "",
+				disabled: __props.disabled || count.value === 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value = true)
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(label.value), 1), count.value > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (" + toDisplayString(count.value) + ")", 1)], 64)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["disabled"]), createVNode(sheet_default, {
+				open: open.value,
+				side: __props.side,
+				title: title.value,
+				description: description.value,
+				"onUpdate:open": onOpenChange
+			}, {
+				footer: withCtx(() => [createVNode(button_default, {
+					type: "submit",
+					form: unref(formId),
+					disabled: unref(submitting)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(applyLabel.value), 1)]),
+					_: 1
+				}, 8, ["form", "disabled"]), createVNode(button_default, {
+					type: "button",
+					variant: "outline",
+					onClick: close
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(cancelLabel.value), 1)]),
+					_: 1
+				})]),
+				default: withCtx(() => [createElementVNode("form", {
+					id: unref(formId),
+					class: "flex flex-col gap-4",
+					onSubmit: _cache[1] || (_cache[1] = withModifiers(($event) => unref(submit)(), ["prevent", "stop"]))
+				}, [renderSlot(_ctx.$slots, "default")], 40, _hoisted_2)]),
+				_: 3
+			}, 8, [
+				"open",
+				"side",
+				"title",
+				"description"
+			])]);
+		};
+	}
+});
+export { bulk_edit_drawer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/list/calendar-agenda-view.js

@@ -0,0 +1,4 @@
+import calendar_agenda_view_vue_vue_type_script_setup_true_lang_default from "./calendar-agenda-view.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/list/calendar-agenda-view.vue
+var calendar_agenda_view_default = calendar_agenda_view_vue_vue_type_script_setup_true_lang_default;
+export { calendar_agenda_view_default as default };

package/dist/components/admin/list/calendar-agenda-view.vue.d.ts

@@ -1,3 +1,4 @@
+import { type VNode } from "vue";
 import type { CalendarEventSlotProps } from "./calendar-month-view.vue.js";
 import type { CalendarEvent, CalendarLabels, CalendarRange, LooseRecord } from "@chelone/core";
 /** Props for {@link CalendarAgendaView}. */
@@ -12,14 +13,15 @@ export interface CalendarAgendaViewProps {
     /** Whether activating the event does anything: it is inert otherwise. */
     isSelectable: (record: LooseRecord) => boolean;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CalendarAgendaViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CalendarAgendaViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selectEvent: (record: LooseRecord) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarAgendaViewProps> & Readonly<{
     onSelectEvent?: ((record: LooseRecord) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    event?(props: CalendarEventSlotProps): unknown;
+    event?(props: CalendarEventSlotProps): VNode[];
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;