@mantine-vue/modals 3.0.0 → 3.1.0

package/esm/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, h, inject, provide } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, mergeProps, normalizeProps, openBlock, provide, renderSlot, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
 import { Box, Button, Group, Modal, getDefaultZIndex } from "@mantine-vue/core";
 import { createStore } from "@mantine-vue/store";
 //#region src/context.ts
@@ -11,23 +11,13 @@ function useModals() {
 	return ctx;
 }
 //#endregion
-//#region src/ConfirmModal.ts
-var ConfirmModal = defineComponent({
+//#region src/components/ConfirmModal/ConfirmModal.vue
+var ConfirmModal_default = /* @__PURE__ */ defineComponent({
 	name: "ConfirmModal",
 	inheritAttrs: false,
+	__name: "ConfirmModal",
 	props: {
-		id: {
-			type: String,
-			default: void 0
-		},
-		onCancel: {
-			type: Function,
-			default: void 0
-		},
-		onConfirm: {
-			type: Function,
-			default: void 0
-		},
+		id: {},
 		closeOnConfirm: {
 			type: Boolean,
 			default: true
@@ -36,53 +26,68 @@ var ConfirmModal = defineComponent({
 			type: Boolean,
 			default: true
 		},
-		cancelProps: {
-			type: Object,
-			default: void 0
-		},
-		confirmProps: {
-			type: Object,
-			default: void 0
-		},
-		groupProps: {
-			type: Object,
-			default: void 0
-		},
-		labels: {
-			type: Object,
-			default: () => ({
-				cancel: "",
-				confirm: ""
-			})
-		}
+		cancelProps: {},
+		confirmProps: {},
+		groupProps: {},
+		labels: { default: () => ({
+			cancel: "",
+			confirm: ""
+		}) }
 	},
-	setup(props, { slots }) {
+	emits: ["cancel", "confirm"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
 		const ctx = useModals();
-		const handleCancel = (event) => {
+		const hasChildren = computed(() => Boolean(slots.default));
+		const cancelButtonProps = computed(() => {
+			const value = { ...props.cancelProps };
+			delete value.onClick;
+			delete value.children;
+			return value;
+		});
+		const confirmButtonProps = computed(() => {
+			const value = { ...props.confirmProps };
+			delete value.onClick;
+			delete value.children;
+			return value;
+		});
+		const renderCancelLabel = () => props.cancelProps?.children ?? props.labels.cancel;
+		const renderConfirmLabel = () => props.confirmProps?.children ?? props.labels.confirm;
+		function cancel(event) {
 			props.cancelProps?.onClick?.(event);
-			props.onCancel?.();
+			emit("cancel");
 			if (props.closeOnCancel) ctx.closeModal(props.id);
-		};
-		const handleConfirm = (event) => {
+		}
+		function confirm(event) {
 			props.confirmProps?.onClick?.(event);
-			props.onConfirm?.();
+			emit("confirm");
 			if (props.closeOnConfirm) ctx.closeModal(props.id);
-		};
-		return () => {
-			const children = slots.default?.();
-			const hasChildren = !!children && children.length > 0;
-			return [hasChildren ? h(Box, { mb: "md" }, () => children) : null, h(Group, {
-				mt: hasChildren ? 0 : "md",
-				justify: "flex-end",
-				...props.groupProps
-			}, () => [h(Button, {
-				variant: "default",
-				...props.cancelProps,
-				onClick: handleCancel
-			}, () => props.cancelProps?.children ?? props.labels?.cancel), h(Button, {
-				...props.confirmProps,
-				onClick: handleConfirm
-			}, () => props.confirmProps?.children ?? props.labels?.confirm)])];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [hasChildren.value ? (openBlock(), createBlock(unref(Box), {
+				key: 0,
+				mb: "md"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : createCommentVNode("", true), createVNode(unref(Group), mergeProps(props.groupProps, {
+				mt: hasChildren.value ? 0 : "md",
+				justify: "flex-end"
+			}), {
+				default: withCtx(() => [createVNode(unref(Button), mergeProps(cancelButtonProps.value, {
+					variant: "default",
+					onClick: cancel
+				}), {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderCancelLabel)))]),
+					_: 1
+				}, 16), createVNode(unref(Button), mergeProps(confirmButtonProps.value, { onClick: confirm }), {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderConfirmLabel)))]),
+					_: 1
+				}, 16)]),
+				_: 1
+			}, 16, ["mt"])], 64);
 		};
 	}
 });
@@ -243,12 +248,19 @@ function openContextModalPayload(payload, store = modalsStore) {
 	return openContextModalAction(modal, rest, store);
 }
 var modals = {
+	/** Opens a regular modal and returns its id. */
 	open: (props) => openModalAction(props),
+	/** Closes the modal with the given id. */
 	close: (id) => closeModalAction(id),
+	/** Closes all opened modals. */
 	closeAll: () => closeAllModalsAction(),
+	/** Opens a confirm modal and returns its id. */
 	openConfirmModal: (props) => openConfirmModalAction(props),
+	/** Opens a predefined context modal and returns its id. */
 	openContextModal: (payload) => openContextModalPayload(payload),
+	/** Dynamically updates the content and properties of a regular or confirm modal. */
 	updateModal: (payload) => updateModalAction(payload),
+	/** Dynamically updates the content and properties of a context modal. */
 	updateContextModal: (payload) => updateContextModalAction(payload)
 };
 var openModal = modals.open;
@@ -259,44 +271,17 @@ var openContextModal = modals.openContextModal;
 var updateModal = modals.updateModal;
 var updateContextModal = modals.updateContextModal;
 //#endregion
-//#region src/ModalsProvider.ts
-function separateConfirmModalProps(props) {
-	const { id, children: _children, onCancel, onConfirm, closeOnConfirm, closeOnCancel, cancelProps, confirmProps, groupProps, labels, ...modalProps } = props;
-	return {
-		confirmModalProps: {
-			id,
-			onCancel,
-			onConfirm,
-			closeOnConfirm,
-			closeOnCancel,
-			cancelProps,
-			confirmProps,
-			groupProps,
-			labels
-		},
-		modalProps: {
-			id,
-			...modalProps
-		}
-	};
-}
-var ModalsProvider = defineComponent({
+//#region src/components/ModalsProvider/ModalsProvider.vue
+var ModalsProvider_default = /* @__PURE__ */ defineComponent({
 	name: "ModalsProvider",
+	__name: "ModalsProvider",
 	props: {
-		modals: {
-			type: Object,
-			default: void 0
-		},
-		modalProps: {
-			type: Object,
-			default: void 0
-		},
-		labels: {
-			type: Object,
-			default: void 0
-		}
+		modals: {},
+		modalProps: {},
+		labels: {}
 	},
-	setup(props, { slots }) {
+	setup(__props) {
+		const props = __props;
 		const state = useModalsState(modalsStore);
 		const openModal = (settings) => openModalAction(settings, modalsStore);
 		const openConfirmModal = (settings) => openConfirmModalAction(settings, modalsStore);
@@ -305,7 +290,7 @@ var ModalsProvider = defineComponent({
 		const closeAll = () => closeAllModalsAction(void 0, modalsStore);
 		const updateModal = (payload) => updateModalAction(payload, modalsStore);
 		const updateContextModal = (payload) => updateContextModalAction(payload, modalsStore);
-		const ctx = {
+		const context = {
 			get modalProps() {
 				return props.modalProps || {};
 			},
@@ -321,44 +306,103 @@ var ModalsProvider = defineComponent({
 			updateModal,
 			updateContextModal
 		};
-		provide(ModalsContextKey, ctx);
-		return () => {
+		provide(ModalsContextKey, context);
+		function separateConfirmModalProps(settings) {
+			const value = { ...settings };
+			const confirmModalProps = {
+				id: value.id,
+				onCancel: value.onCancel,
+				onConfirm: value.onConfirm,
+				closeOnConfirm: value.closeOnConfirm,
+				closeOnCancel: value.closeOnCancel,
+				cancelProps: value.cancelProps,
+				confirmProps: value.confirmProps,
+				groupProps: value.groupProps,
+				labels: value.labels
+			};
+			for (const key of [
+				"children",
+				"onCancel",
+				"onConfirm",
+				"closeOnConfirm",
+				"closeOnCancel",
+				"cancelProps",
+				"confirmProps",
+				"groupProps",
+				"labels"
+			]) delete value[key];
+			return {
+				confirmModalProps,
+				modalProps: value
+			};
+		}
+		const presentation = computed(() => {
 			const current = state.value.current;
-			let currentModalProps = {};
-			let content = null;
-			if (current) if (current.type === "context") {
-				const { innerProps, ...rest } = current.props;
-				currentModalProps = rest;
-				const ContextModalComponent = props.modals?.[current.ctx];
-				content = ContextModalComponent ? h(ContextModalComponent, {
-					innerProps,
-					context: ctx,
-					id: current.id
-				}) : null;
-			} else if (current.type === "confirm") {
-				const { confirmModalProps, modalProps: separatedModalProps } = separateConfirmModalProps(current.props);
-				currentModalProps = separatedModalProps;
-				content = h(ConfirmModal, {
-					...confirmModalProps,
-					id: current.id,
-					labels: current.props.labels || props.labels
-				});
-			} else {
-				const { children, ...rest } = current.props;
-				currentModalProps = rest;
-				content = typeof children === "function" ? children() : children ?? null;
+			if (!current) return {
+				modalProps: {},
+				component: null,
+				componentProps: {}
+			};
+			if (current.type === "context") {
+				const { innerProps, ...modalProps } = current.props;
+				return {
+					modalProps,
+					component: props.modals?.[current.ctx] ?? null,
+					componentProps: {
+						innerProps,
+						context,
+						id: current.id
+					}
+				};
 			}
-			return [h(Modal, {
+			if (current.type === "confirm") {
+				const separated = separateConfirmModalProps(current.props);
+				return {
+					modalProps: separated.modalProps,
+					component: ConfirmModal_default,
+					componentProps: {
+						...separated.confirmModalProps,
+						id: current.id,
+						labels: current.props.labels || props.labels
+					}
+				};
+			}
+			const modalProps = { ...current.props };
+			delete modalProps.children;
+			return {
+				modalProps,
+				component: null,
+				componentProps: {}
+			};
+		});
+		const modalAttrs = computed(() => {
+			const value = {
 				zIndex: getDefaultZIndex("modal") + 1,
 				...props.modalProps,
-				...currentModalProps,
-				opened: state.value.modals.length > 0,
-				onClose: () => closeModal(state.value.current?.id)
-			}, () => content), slots.default?.()];
+				...presentation.value.modalProps
+			};
+			delete value.opened;
+			delete value.onClose;
+			return value;
+		});
+		const renderContent = () => {
+			const current = state.value.current;
+			if (!current || current.type !== "content") return null;
+			const children = current.props.children;
+			return typeof children === "function" ? children() : children ?? null;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Modal), mergeProps(modalAttrs.value, {
+				opened: unref(state).modals.length > 0,
+				onClose: _cache[0] || (_cache[0] = ($event) => closeModal(unref(state).current?.id))
+			}), {
+				default: withCtx(() => [presentation.value.component ? (openBlock(), createBlock(resolveDynamicComponent(presentation.value.component), normalizeProps(mergeProps({ key: 0 }, presentation.value.componentProps)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(renderContent), { key: 1 }))]),
+				_: 1
+			}, 16, ["opened"]), renderSlot(_ctx.$slots, "default")], 64);
 		};
 	}
 });
 //#endregion
-export { ConfirmModal, ModalsProvider, closeAllModals, closeAllModalsAction, closeModal, closeModalAction, createModalsStore, handleCloseModal, modals, modalsReducer, modalsStore, openConfirmModal, openConfirmModalAction, openContextModal, openContextModalAction, openModal, openModalAction, updateContextModal, updateContextModalAction, updateModal, updateModalAction, useModals, useModalsState };
+export { ConfirmModal_default as ConfirmModal, ModalsProvider_default as ModalsProvider, closeAllModals, closeAllModalsAction, closeModal, closeModalAction, createModalsStore, handleCloseModal, modals, modalsReducer, modalsStore, openConfirmModal, openConfirmModalAction, openContextModal, openContextModalAction, openModal, openModalAction, updateContextModal, updateContextModalAction, updateModal, updateModalAction, useModals, useModalsState };
 
 //# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/context.ts","../src/use-modals.ts","../src/ConfirmModal.ts","../src/reducer.ts","../src/modals.store.ts","../src/ModalsProvider.ts"],"sourcesContent":["import type { InjectionKey, VNodeChild } from 'vue'\nimport type { ModalProps } from '@mantine-vue/core'\nimport type { ConfirmModalProps } from './ConfirmModal'\n\nexport type ModalSettings = Partial<Omit<ModalProps, 'opened'>> & {\n  modalId?: string\n  children?: VNodeChild | (() => VNodeChild)\n  onClose?: () => void\n}\n\nexport type ConfirmLabels = Record<'confirm' | 'cancel', VNodeChild>\n\nexport interface OpenConfirmModal extends ModalSettings, ConfirmModalProps {}\n\nexport interface OpenContextModal<\n  CustomProps extends Record<string, any> = Record<string, any>,\n> extends ModalSettings {\n  innerProps: CustomProps\n}\n\nexport interface ContextModalProps<T extends Record<string, any> = Record<string, any>> {\n  context: ModalsContextProps\n  innerProps: T\n  id: string\n}\n\nexport type ModalState =\n  | { id: string; type: 'content'; props: ModalSettings }\n  | { id: string; type: 'confirm'; props: OpenConfirmModal }\n  | { id: string; type: 'context'; props: OpenContextModal; ctx: string }\n\nexport interface ModalsContextProps {\n  modalProps: ModalSettings\n  modals: ModalState[]\n  openModal: (props: ModalSettings) => string\n  openConfirmModal: (props: OpenConfirmModal) => string\n  openContextModal: (modal: string, props: OpenContextModal) => string\n  closeModal: (id: string, canceled?: boolean) => void\n  closeContextModal: (id: string, canceled?: boolean) => void\n  closeAll: () => void\n  updateModal: (payload: { modalId: string } & Partial<OpenConfirmModal>) => void\n  updateContextModal: (payload: { modalId: string } & Partial<OpenContextModal<any>>) => void\n}\n\nexport const ModalsContextKey: InjectionKey<ModalsContextProps> = Symbol('ModalsContext')\n","import { inject } from 'vue'\nimport { ModalsContextKey, type ModalsContextProps } from './context'\n\nexport function useModals(): ModalsContextProps {\n  const ctx = inject(ModalsContextKey, null)\n\n  if (!ctx) {\n    throw new Error(\n      '[@mantine-vue/modals] useModals composable was called outside of context, wrap your app with the ModalsProvider component',\n    )\n  }\n\n  return ctx\n}\n","import { defineComponent, h, type PropType } from 'vue'\nimport { Box, Button, Group } from '@mantine-vue/core'\nimport type { ConfirmLabels } from './context'\nimport { useModals } from './use-modals'\n\nexport interface ConfirmModalProps {\n  id?: string\n  onCancel?: () => void\n  onConfirm?: () => void\n  closeOnConfirm?: boolean\n  closeOnCancel?: boolean\n  cancelProps?: Record<string, any>\n  confirmProps?: Record<string, any>\n  groupProps?: Record<string, any>\n  labels?: ConfirmLabels\n}\n\nexport const ConfirmModal = defineComponent({\n  name: 'ConfirmModal',\n  inheritAttrs: false,\n  props: {\n    id: { type: String, default: undefined },\n    onCancel: { type: Function as PropType<() => void>, default: undefined },\n    onConfirm: { type: Function as PropType<() => void>, default: undefined },\n    closeOnConfirm: { type: Boolean, default: true },\n    closeOnCancel: { type: Boolean, default: true },\n    cancelProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    confirmProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    groupProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    labels: {\n      type: Object as PropType<ConfirmLabels>,\n      default: () => ({ cancel: '', confirm: '' }),\n    },\n  },\n  setup(props, { slots }) {\n    const ctx = useModals()\n\n    const handleCancel = (event: MouseEvent) => {\n      props.cancelProps?.onClick?.(event)\n      props.onCancel?.()\n      if (props.closeOnCancel) {\n        ctx.closeModal(props.id!)\n      }\n    }\n\n    const handleConfirm = (event: MouseEvent) => {\n      props.confirmProps?.onClick?.(event)\n      props.onConfirm?.()\n      if (props.closeOnConfirm) {\n        ctx.closeModal(props.id!)\n      }\n    }\n\n    return () => {\n      const children = slots.default?.()\n      const hasChildren = !!children && children.length > 0\n\n      return [\n        hasChildren ? h(Box, { mb: 'md' }, () => children) : null,\n        h(Group, { mt: hasChildren ? 0 : 'md', justify: 'flex-end', ...props.groupProps }, () => [\n          h(\n            Button,\n            { variant: 'default', ...props.cancelProps, onClick: handleCancel },\n            () => props.cancelProps?.children ?? props.labels?.cancel,\n          ),\n          h(\n            Button,\n            { ...props.confirmProps, onClick: handleConfirm },\n            () => props.confirmProps?.children ?? props.labels?.confirm,\n          ),\n        ]),\n      ]\n    }\n  },\n})\n","import type { ModalSettings, ModalState } from './context'\n\nexport interface ModalsState {\n  modals: ModalState[]\n  current: ModalState | null\n}\n\nexport interface OpenAction {\n  type: 'OPEN'\n  modal: ModalState\n}\n\nexport interface CloseAction {\n  type: 'CLOSE'\n  modalId: string\n  canceled?: boolean\n}\n\nexport interface CloseAllAction {\n  type: 'CLOSE_ALL'\n  canceled?: boolean\n}\n\nexport interface UpdateAction {\n  type: 'UPDATE'\n  modalId: string\n  newProps: Partial<ModalSettings>\n}\n\nexport type ModalsAction = OpenAction | CloseAction | CloseAllAction | UpdateAction\n\nexport function handleCloseModal(modal: ModalState, canceled?: boolean) {\n  if (canceled && modal.type === 'confirm') {\n    modal.props.onCancel?.()\n  }\n\n  modal.props.onClose?.()\n}\n\nexport function modalsReducer(state: ModalsState, action: ModalsAction): ModalsState {\n  switch (action.type) {\n    case 'OPEN': {\n      if (state.modals.some((modal) => modal.id === action.modal.id)) {\n        return state\n      }\n\n      return {\n        current: action.modal,\n        modals: [...state.modals, action.modal],\n      }\n    }\n\n    case 'CLOSE': {\n      const modals = state.modals.filter((modal) => modal.id !== action.modalId)\n      return {\n        current: modals.length > 0 ? modals[modals.length - 1] : state.current,\n        modals,\n      }\n    }\n\n    case 'CLOSE_ALL': {\n      return {\n        current: state.current,\n        modals: [],\n      }\n    }\n\n    case 'UPDATE': {\n      const modals = state.modals.map((modal) => {\n        if (modal.id !== action.modalId) {\n          return modal\n        }\n\n        if (modal.type === 'context') {\n          return {\n            ...modal,\n            props: {\n              ...modal.props,\n              ...action.newProps,\n              innerProps: {\n                ...modal.props.innerProps,\n                ...(action.newProps as any).innerProps,\n              },\n            },\n          }\n        }\n\n        return { ...modal, props: { ...modal.props, ...action.newProps } } as ModalState\n      })\n\n      const current =\n        state.current && state.current.id === action.modalId\n          ? modals.find((modal) => modal.id === action.modalId) || state.current\n          : state.current\n\n      return { current, modals }\n    }\n\n    default:\n      return state\n  }\n}\n","import { type Ref } from 'vue'\nimport { createStore, type MantineStore } from '@mantine-vue/store'\nimport type { ModalSettings, OpenConfirmModal, OpenContextModal } from './context'\nimport { handleCloseModal, modalsReducer, type ModalsAction, type ModalsState } from './reducer'\n\nexport type ModalsStore = MantineStore<ModalsState>\n\nfunction randomId() {\n  return `mantine-${Math.random().toString(36).slice(2, 11)}`\n}\n\nexport const createModalsStore = () => createStore<ModalsState>({ modals: [], current: null })\n\nexport const modalsStore = createModalsStore()\n\nexport const useModalsState = (store: ModalsStore = modalsStore): Readonly<Ref<ModalsState>> =>\n  store.value\n\nconst closingMap = new WeakMap<ModalsStore, boolean>()\n\nfunction dispatch(action: ModalsAction, store: ModalsStore) {\n  store.setState((state) => modalsReducer(state, action))\n}\n\nexport function openModalAction(props: ModalSettings, store: ModalsStore = modalsStore): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'content', props: rest } }, store)\n  return id\n}\n\nexport function openConfirmModalAction(\n  props: OpenConfirmModal,\n  store: ModalsStore = modalsStore,\n): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'confirm', props: rest } }, store)\n  return id\n}\n\nexport function openContextModalAction(\n  modal: string,\n  props: OpenContextModal,\n  store: ModalsStore = modalsStore,\n): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'context', props: rest, ctx: modal } }, store)\n  return id\n}\n\nexport function closeModalAction(id: string, canceled?: boolean, store: ModalsStore = modalsStore) {\n  if (!closingMap.get(store)) {\n    const modal = store.getState().modals.find((item) => item.id === id)\n    if (modal) {\n      closingMap.set(store, true)\n      handleCloseModal(modal, canceled)\n      closingMap.set(store, false)\n    }\n  }\n\n  dispatch({ type: 'CLOSE', modalId: id, canceled }, store)\n}\n\nexport function closeAllModalsAction(canceled?: boolean, store: ModalsStore = modalsStore) {\n  if (!closingMap.get(store)) {\n    closingMap.set(store, true)\n    store\n      .getState()\n      .modals.slice()\n      .reverse()\n      .forEach((modal) => handleCloseModal(modal, canceled))\n    closingMap.set(store, false)\n  }\n\n  dispatch({ type: 'CLOSE_ALL', canceled }, store)\n}\n\nexport function updateModalAction(\n  payload: { modalId: string } & Partial<ModalSettings>,\n  store: ModalsStore = modalsStore,\n) {\n  const { modalId, ...newProps } = payload\n  dispatch({ type: 'UPDATE', modalId, newProps }, store)\n}\n\nexport function updateContextModalAction(\n  payload: { modalId: string } & Partial<OpenContextModal<any>>,\n  store: ModalsStore = modalsStore,\n) {\n  const { modalId, ...newProps } = payload\n  dispatch({ type: 'UPDATE', modalId, newProps }, store)\n}\n\nfunction openContextModalPayload(\n  payload: OpenContextModal & { modal: string },\n  store: ModalsStore = modalsStore,\n): string {\n  const { modal, ...rest } = payload\n  return openContextModalAction(modal, rest, store)\n}\n\nexport const modals = {\n  open: (props: ModalSettings) => openModalAction(props),\n  close: (id: string) => closeModalAction(id),\n  closeAll: () => closeAllModalsAction(),\n  openConfirmModal: (props: OpenConfirmModal) => openConfirmModalAction(props),\n  openContextModal: (payload: OpenContextModal & { modal: string }) =>\n    openContextModalPayload(payload),\n  updateModal: (payload: { modalId: string } & Partial<OpenConfirmModal>) =>\n    updateModalAction(payload),\n  updateContextModal: (payload: { modalId: string } & Partial<OpenContextModal<any>>) =>\n    updateContextModalAction(payload),\n} as const\n\nexport const openModal = modals.open\nexport const closeModal = modals.close\nexport const closeAllModals = modals.closeAll\nexport const openConfirmModal = modals.openConfirmModal\nexport const openContextModal = modals.openContextModal\nexport const updateModal = modals.updateModal\nexport const updateContextModal = modals.updateContextModal\n","import { defineComponent, h, provide, type PropType, type VNodeChild } from 'vue'\nimport { getDefaultZIndex, Modal } from '@mantine-vue/core'\nimport { ConfirmModal } from './ConfirmModal'\nimport {\n  ModalsContextKey,\n  type ConfirmLabels,\n  type ModalsContextProps,\n  type ModalSettings,\n  type OpenConfirmModal,\n  type OpenContextModal,\n} from './context'\nimport {\n  closeAllModalsAction,\n  closeModalAction,\n  modalsStore,\n  openConfirmModalAction,\n  openContextModalAction,\n  openModalAction,\n  updateContextModalAction,\n  updateModalAction,\n  useModalsState,\n} from './modals.store'\n\nexport interface ModalsProviderProps {\n  modals?: Record<string, any>\n  modalProps?: ModalSettings\n  labels?: ConfirmLabels\n}\n\nfunction separateConfirmModalProps(props: OpenConfirmModal) {\n  const {\n    id,\n    children: _children,\n    onCancel,\n    onConfirm,\n    closeOnConfirm,\n    closeOnCancel,\n    cancelProps,\n    confirmProps,\n    groupProps,\n    labels,\n    ...modalProps\n  } = props as any\n\n  return {\n    confirmModalProps: {\n      id,\n      onCancel,\n      onConfirm,\n      closeOnConfirm,\n      closeOnCancel,\n      cancelProps,\n      confirmProps,\n      groupProps,\n      labels,\n    },\n    modalProps: { id, ...modalProps },\n  }\n}\n\nexport const ModalsProvider = defineComponent({\n  name: 'ModalsProvider',\n  props: {\n    modals: { type: Object as PropType<Record<string, any>>, default: undefined },\n    modalProps: { type: Object as PropType<ModalSettings>, default: undefined },\n    labels: { type: Object as PropType<ConfirmLabels>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const state = useModalsState(modalsStore)\n\n    const openModal = (settings: ModalSettings) => openModalAction(settings, modalsStore)\n    const openConfirmModal = (settings: OpenConfirmModal) =>\n      openConfirmModalAction(settings, modalsStore)\n    const openContextModal = (modal: string, settings: OpenContextModal) =>\n      openContextModalAction(modal, settings, modalsStore)\n    const closeModal = (id: string, canceled?: boolean) =>\n      closeModalAction(id, canceled, modalsStore)\n    const closeAll = () => closeAllModalsAction(undefined, modalsStore)\n    const updateModal = (payload: { modalId: string } & Partial<OpenConfirmModal>) =>\n      updateModalAction(payload, modalsStore)\n    const updateContextModal = (payload: { modalId: string } & Partial<OpenContextModal<any>>) =>\n      updateContextModalAction(payload, modalsStore)\n\n    const ctx: ModalsContextProps = {\n      get modalProps() {\n        return props.modalProps || {}\n      },\n      get modals() {\n        return state.value.modals\n      },\n      openModal,\n      openConfirmModal,\n      openContextModal,\n      closeModal,\n      closeContextModal: closeModal,\n      closeAll,\n      updateModal,\n      updateContextModal,\n    }\n\n    provide(ModalsContextKey, ctx)\n\n    return () => {\n      const current = state.value.current\n      let currentModalProps: Record<string, any> = {}\n      let content: VNodeChild = null\n\n      if (current) {\n        if (current.type === 'context') {\n          const { innerProps, ...rest } = current.props\n          currentModalProps = rest\n          const ContextModalComponent = props.modals?.[current.ctx]\n          content = ContextModalComponent\n            ? h(ContextModalComponent, { innerProps, context: ctx, id: current.id })\n            : null\n        } else if (current.type === 'confirm') {\n          const { confirmModalProps, modalProps: separatedModalProps } = separateConfirmModalProps(\n            current.props,\n          )\n          currentModalProps = separatedModalProps\n          content = h(ConfirmModal, {\n            ...confirmModalProps,\n            id: current.id,\n            labels: current.props.labels || props.labels,\n          })\n        } else {\n          const { children, ...rest } = current.props as any\n          currentModalProps = rest\n          content = typeof children === 'function' ? children() : (children ?? null)\n        }\n      }\n\n      return [\n        h(\n          Modal,\n          {\n            zIndex: getDefaultZIndex('modal') + 1,\n            ...props.modalProps,\n            ...currentModalProps,\n            opened: state.value.modals.length > 0,\n            onClose: () => closeModal(state.value.current?.id as string),\n          },\n          () => content,\n        ),\n        slots.default?.(),\n      ]\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/context.ts","../src/use-modals.ts","../src/components/ConfirmModal/ConfirmModal.vue","../src/components/ConfirmModal/ConfirmModal.vue","../src/reducer.ts","../src/modals.store.ts","../src/components/ModalsProvider/ModalsProvider.vue","../src/components/ModalsProvider/ModalsProvider.vue"],"sourcesContent":["import type { InjectionKey, VNodeChild } from 'vue'\nimport type { ModalProps } from '@mantine-vue/core'\nimport type { ConfirmModalCallbacks, ConfirmModalProps } from './components/ConfirmModal'\n\nexport type ModalSettings = Partial<Omit<ModalProps, 'opened'>> & {\n  /** Modal id, defaults to a random id, can be used to close or update the modal programmatically. */\n  modalId?: string\n  /** Modal content. */\n  children?: VNodeChild | (() => VNodeChild)\n  /** Called when the modal closes. */\n  onClose?: () => void\n}\n\nexport type ConfirmLabels = Record<'confirm' | 'cancel', VNodeChild>\n\nexport interface OpenConfirmModal extends ModalSettings, ConfirmModalProps, ConfirmModalCallbacks {}\n\nexport interface OpenContextModal<\n  CustomProps extends Record<string, any> = Record<string, any>,\n> extends ModalSettings {\n  /** Props passed to the registered context modal component. */\n  innerProps: CustomProps\n}\n\nexport interface ContextModalProps<T extends Record<string, any> = Record<string, any>> {\n  /** Modals manager context. */\n  context: ModalsContextProps\n  /** Props passed to `modals.openContextModal`. */\n  innerProps: T\n  /** Current modal id. */\n  id: string\n}\n\nexport type ModalState =\n  | { id: string; type: 'content'; props: ModalSettings }\n  | { id: string; type: 'confirm'; props: OpenConfirmModal }\n  | { id: string; type: 'context'; props: OpenContextModal; ctx: string }\n\nexport interface ModalsContextProps {\n  /** Shared Modal component props applied to every modal. */\n  modalProps: ModalSettings\n  /** Currently opened modal stack. */\n  modals: ModalState[]\n  /** Opens a regular modal and returns its id. */\n  openModal: (props: ModalSettings) => string\n  /** Opens a confirm modal and returns its id. */\n  openConfirmModal: (props: OpenConfirmModal) => string\n  /** Opens a predefined context modal and returns its id. */\n  openContextModal: (modal: string, props: OpenContextModal) => string\n  /** Closes the modal with the given id. */\n  closeModal: (id: string, canceled?: boolean) => void\n  /** Closes the context modal with the given id. */\n  closeContextModal: (id: string, canceled?: boolean) => void\n  /** Closes all opened modals. */\n  closeAll: () => void\n  /** Dynamically updates the content and properties of a regular or confirm modal. */\n  updateModal: (payload: { modalId: string } & Partial<OpenConfirmModal>) => void\n  /** Dynamically updates the content and properties of a context modal. */\n  updateContextModal: (payload: { modalId: string } & Partial<OpenContextModal<any>>) => void\n}\n\nexport const ModalsContextKey: InjectionKey<ModalsContextProps> = Symbol('ModalsContext')\n","import { inject } from 'vue'\nimport { ModalsContextKey, type ModalsContextProps } from './context'\n\nexport function useModals(): ModalsContextProps {\n  const ctx = inject(ModalsContextKey, null)\n\n  if (!ctx) {\n    throw new Error(\n      '[@mantine-vue/modals] useModals composable was called outside of context, wrap your app with the ModalsProvider component',\n    )\n  }\n\n  return ctx\n}\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { Box, Button, Group } from '@mantine-vue/core'\nimport { useModals } from '../../use-modals'\nimport type { ConfirmModalEmits, ConfirmModalProps } from './ConfirmModal.types'\n\ndefineOptions({ name: 'ConfirmModal', inheritAttrs: false })\nconst props = withDefaults(defineProps<ConfirmModalProps>(), {\n  closeOnConfirm: true,\n  closeOnCancel: true,\n  labels: () => ({ cancel: '', confirm: '' }),\n})\nconst emit = defineEmits<ConfirmModalEmits>()\nconst slots = useSlots()\nconst ctx = useModals()\nconst hasChildren = computed(() => Boolean(slots.default))\nconst cancelButtonProps = computed(() => {\n  const value = { ...props.cancelProps }\n  delete value.onClick\n  delete value.children\n  return value\n})\nconst confirmButtonProps = computed(() => {\n  const value = { ...props.confirmProps }\n  delete value.onClick\n  delete value.children\n  return value\n})\nconst renderCancelLabel = () => props.cancelProps?.children ?? props.labels.cancel\nconst renderConfirmLabel = () => props.confirmProps?.children ?? props.labels.confirm\n\nfunction cancel(event: MouseEvent) {\n  props.cancelProps?.onClick?.(event)\n  emit('cancel')\n  if (props.closeOnCancel) ctx.closeModal(props.id!)\n}\nfunction confirm(event: MouseEvent) {\n  props.confirmProps?.onClick?.(event)\n  emit('confirm')\n  if (props.closeOnConfirm) ctx.closeModal(props.id!)\n}\n</script>\n\n<template>\n  <Box v-if=\"hasChildren\" mb=\"md\"><slot /></Box>\n  <Group v-bind=\"props.groupProps\" :mt=\"hasChildren ? 0 : 'md'\" justify=\"flex-end\">\n    <Button v-bind=\"cancelButtonProps\" variant=\"default\" @click=\"cancel\">\n      <component :is=\"renderCancelLabel\" />\n    </Button>\n    <Button v-bind=\"confirmButtonProps\" @click=\"confirm\">\n      <component :is=\"renderConfirmLabel\" />\n    </Button>\n  </Group>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { Box, Button, Group } from '@mantine-vue/core'\nimport { useModals } from '../../use-modals'\nimport type { ConfirmModalEmits, ConfirmModalProps } from './ConfirmModal.types'\n\ndefineOptions({ name: 'ConfirmModal', inheritAttrs: false })\nconst props = withDefaults(defineProps<ConfirmModalProps>(), {\n  closeOnConfirm: true,\n  closeOnCancel: true,\n  labels: () => ({ cancel: '', confirm: '' }),\n})\nconst emit = defineEmits<ConfirmModalEmits>()\nconst slots = useSlots()\nconst ctx = useModals()\nconst hasChildren = computed(() => Boolean(slots.default))\nconst cancelButtonProps = computed(() => {\n  const value = { ...props.cancelProps }\n  delete value.onClick\n  delete value.children\n  return value\n})\nconst confirmButtonProps = computed(() => {\n  const value = { ...props.confirmProps }\n  delete value.onClick\n  delete value.children\n  return value\n})\nconst renderCancelLabel = () => props.cancelProps?.children ?? props.labels.cancel\nconst renderConfirmLabel = () => props.confirmProps?.children ?? props.labels.confirm\n\nfunction cancel(event: MouseEvent) {\n  props.cancelProps?.onClick?.(event)\n  emit('cancel')\n  if (props.closeOnCancel) ctx.closeModal(props.id!)\n}\nfunction confirm(event: MouseEvent) {\n  props.confirmProps?.onClick?.(event)\n  emit('confirm')\n  if (props.closeOnConfirm) ctx.closeModal(props.id!)\n}\n</script>\n\n<template>\n  <Box v-if=\"hasChildren\" mb=\"md\"><slot /></Box>\n  <Group v-bind=\"props.groupProps\" :mt=\"hasChildren ? 0 : 'md'\" justify=\"flex-end\">\n    <Button v-bind=\"cancelButtonProps\" variant=\"default\" @click=\"cancel\">\n      <component :is=\"renderCancelLabel\" />\n    </Button>\n    <Button v-bind=\"confirmButtonProps\" @click=\"confirm\">\n      <component :is=\"renderConfirmLabel\" />\n    </Button>\n  </Group>\n</template>\n","import type { ModalSettings, ModalState } from './context'\n\nexport interface ModalsState {\n  modals: ModalState[]\n  current: ModalState | null\n}\n\nexport interface OpenAction {\n  type: 'OPEN'\n  modal: ModalState\n}\n\nexport interface CloseAction {\n  type: 'CLOSE'\n  modalId: string\n  canceled?: boolean\n}\n\nexport interface CloseAllAction {\n  type: 'CLOSE_ALL'\n  canceled?: boolean\n}\n\nexport interface UpdateAction {\n  type: 'UPDATE'\n  modalId: string\n  newProps: Partial<ModalSettings>\n}\n\nexport type ModalsAction = OpenAction | CloseAction | CloseAllAction | UpdateAction\n\nexport function handleCloseModal(modal: ModalState, canceled?: boolean) {\n  if (canceled && modal.type === 'confirm') {\n    modal.props.onCancel?.()\n  }\n\n  modal.props.onClose?.()\n}\n\nexport function modalsReducer(state: ModalsState, action: ModalsAction): ModalsState {\n  switch (action.type) {\n    case 'OPEN': {\n      if (state.modals.some((modal) => modal.id === action.modal.id)) {\n        return state\n      }\n\n      return {\n        current: action.modal,\n        modals: [...state.modals, action.modal],\n      }\n    }\n\n    case 'CLOSE': {\n      const modals = state.modals.filter((modal) => modal.id !== action.modalId)\n      return {\n        current: modals.length > 0 ? modals[modals.length - 1] : state.current,\n        modals,\n      }\n    }\n\n    case 'CLOSE_ALL': {\n      return {\n        current: state.current,\n        modals: [],\n      }\n    }\n\n    case 'UPDATE': {\n      const modals = state.modals.map((modal) => {\n        if (modal.id !== action.modalId) {\n          return modal\n        }\n\n        if (modal.type === 'context') {\n          return {\n            ...modal,\n            props: {\n              ...modal.props,\n              ...action.newProps,\n              innerProps: {\n                ...modal.props.innerProps,\n                ...(action.newProps as any).innerProps,\n              },\n            },\n          }\n        }\n\n        return { ...modal, props: { ...modal.props, ...action.newProps } } as ModalState\n      })\n\n      const current =\n        state.current && state.current.id === action.modalId\n          ? modals.find((modal) => modal.id === action.modalId) || state.current\n          : state.current\n\n      return { current, modals }\n    }\n\n    default:\n      return state\n  }\n}\n","import { type Ref } from 'vue'\nimport { createStore, type MantineStore } from '@mantine-vue/store'\nimport type { ModalSettings, OpenConfirmModal, OpenContextModal } from './context'\nimport { handleCloseModal, modalsReducer, type ModalsAction, type ModalsState } from './reducer'\n\nexport type ModalsStore = MantineStore<ModalsState>\n\nfunction randomId() {\n  return `mantine-${Math.random().toString(36).slice(2, 11)}`\n}\n\nexport const createModalsStore = () => createStore<ModalsState>({ modals: [], current: null })\n\nexport const modalsStore = createModalsStore()\n\nexport const useModalsState = (store: ModalsStore = modalsStore): Readonly<Ref<ModalsState>> =>\n  store.value\n\nconst closingMap = new WeakMap<ModalsStore, boolean>()\n\nfunction dispatch(action: ModalsAction, store: ModalsStore) {\n  store.setState((state) => modalsReducer(state, action))\n}\n\nexport function openModalAction(props: ModalSettings, store: ModalsStore = modalsStore): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'content', props: rest } }, store)\n  return id\n}\n\nexport function openConfirmModalAction(\n  props: OpenConfirmModal,\n  store: ModalsStore = modalsStore,\n): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'confirm', props: rest } }, store)\n  return id\n}\n\nexport function openContextModalAction(\n  modal: string,\n  props: OpenContextModal,\n  store: ModalsStore = modalsStore,\n): string {\n  const { modalId, ...rest } = props\n  const id = modalId || randomId()\n  dispatch({ type: 'OPEN', modal: { id, type: 'context', props: rest, ctx: modal } }, store)\n  return id\n}\n\nexport function closeModalAction(id: string, canceled?: boolean, store: ModalsStore = modalsStore) {\n  if (!closingMap.get(store)) {\n    const modal = store.getState().modals.find((item) => item.id === id)\n    if (modal) {\n      closingMap.set(store, true)\n      handleCloseModal(modal, canceled)\n      closingMap.set(store, false)\n    }\n  }\n\n  dispatch({ type: 'CLOSE', modalId: id, canceled }, store)\n}\n\nexport function closeAllModalsAction(canceled?: boolean, store: ModalsStore = modalsStore) {\n  if (!closingMap.get(store)) {\n    closingMap.set(store, true)\n    store\n      .getState()\n      .modals.slice()\n      .reverse()\n      .forEach((modal) => handleCloseModal(modal, canceled))\n    closingMap.set(store, false)\n  }\n\n  dispatch({ type: 'CLOSE_ALL', canceled }, store)\n}\n\nexport function updateModalAction(\n  payload: { modalId: string } & Partial<ModalSettings>,\n  store: ModalsStore = modalsStore,\n) {\n  const { modalId, ...newProps } = payload\n  dispatch({ type: 'UPDATE', modalId, newProps }, store)\n}\n\nexport function updateContextModalAction(\n  payload: { modalId: string } & Partial<OpenContextModal<any>>,\n  store: ModalsStore = modalsStore,\n) {\n  const { modalId, ...newProps } = payload\n  dispatch({ type: 'UPDATE', modalId, newProps }, store)\n}\n\nfunction openContextModalPayload(\n  payload: OpenContextModal & { modal: string },\n  store: ModalsStore = modalsStore,\n): string {\n  const { modal, ...rest } = payload\n  return openContextModalAction(modal, rest, store)\n}\n\nexport const modals = {\n  /** Opens a regular modal and returns its id. */\n  open: (props: ModalSettings) => openModalAction(props),\n  /** Closes the modal with the given id. */\n  close: (id: string) => closeModalAction(id),\n  /** Closes all opened modals. */\n  closeAll: () => closeAllModalsAction(),\n  /** Opens a confirm modal and returns its id. */\n  openConfirmModal: (props: OpenConfirmModal) => openConfirmModalAction(props),\n  /** Opens a predefined context modal and returns its id. */\n  openContextModal: (payload: OpenContextModal & { modal: string }) =>\n    openContextModalPayload(payload),\n  /** Dynamically updates the content and properties of a regular or confirm modal. */\n  updateModal: (payload: { modalId: string } & Partial<OpenConfirmModal>) =>\n    updateModalAction(payload),\n  /** Dynamically updates the content and properties of a context modal. */\n  updateContextModal: (payload: { modalId: string } & Partial<OpenContextModal<any>>) =>\n    updateContextModalAction(payload),\n} as const\n\nexport const openModal = modals.open\nexport const closeModal = modals.close\nexport const closeAllModals = modals.closeAll\nexport const openConfirmModal = modals.openConfirmModal\nexport const openContextModal = modals.openContextModal\nexport const updateModal = modals.updateModal\nexport const updateContextModal = modals.updateContextModal\n","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { Modal, getDefaultZIndex } from '@mantine-vue/core'\nimport ConfirmModal from '../ConfirmModal/ConfirmModal.vue'\nimport {\n  ModalsContextKey,\n  type ModalsContextProps,\n  type ModalSettings,\n  type OpenConfirmModal,\n  type OpenContextModal,\n} from '../../context'\nimport {\n  closeAllModalsAction,\n  closeModalAction,\n  modalsStore,\n  openConfirmModalAction,\n  openContextModalAction,\n  openModalAction,\n  updateContextModalAction,\n  updateModalAction,\n  useModalsState,\n} from '../../modals.store'\nimport type { ModalsProviderProps } from './ModalsProvider.types'\n\ndefineOptions({ name: 'ModalsProvider' })\nconst props = defineProps<ModalsProviderProps>()\nconst state = useModalsState(modalsStore)\nconst openModal = (settings: ModalSettings) => openModalAction(settings, modalsStore)\nconst openConfirmModal = (settings: OpenConfirmModal) =>\n  openConfirmModalAction(settings, modalsStore)\nconst openContextModal = (modal: string, settings: OpenContextModal) =>\n  openContextModalAction(modal, settings, modalsStore)\nconst closeModal = (id: string, canceled?: boolean) => closeModalAction(id, canceled, modalsStore)\nconst closeAll = () => closeAllModalsAction(undefined, modalsStore)\nconst updateModal = (payload: { modalId: string } & Partial<OpenConfirmModal>) =>\n  updateModalAction(payload, modalsStore)\nconst updateContextModal = (payload: { modalId: string } & Partial<OpenContextModal<any>>) =>\n  updateContextModalAction(payload, modalsStore)\n\nconst context: ModalsContextProps = {\n  get modalProps() {\n    return props.modalProps || {}\n  },\n  get modals() {\n    return state.value.modals\n  },\n  openModal,\n  openConfirmModal,\n  openContextModal,\n  closeModal,\n  closeContextModal: closeModal,\n  closeAll,\n  updateModal,\n  updateContextModal,\n}\nprovide(ModalsContextKey, context)\n\nfunction separateConfirmModalProps(settings: OpenConfirmModal) {\n  const value = { ...settings } as any\n  const confirmModalProps = {\n    id: value.id,\n    onCancel: value.onCancel,\n    onConfirm: value.onConfirm,\n    closeOnConfirm: value.closeOnConfirm,\n    closeOnCancel: value.closeOnCancel,\n    cancelProps: value.cancelProps,\n    confirmProps: value.confirmProps,\n    groupProps: value.groupProps,\n    labels: value.labels,\n  }\n  for (const key of [\n    'children',\n    'onCancel',\n    'onConfirm',\n    'closeOnConfirm',\n    'closeOnCancel',\n    'cancelProps',\n    'confirmProps',\n    'groupProps',\n    'labels',\n  ])\n    delete value[key]\n  return { confirmModalProps, modalProps: value }\n}\n\nconst presentation = computed(() => {\n  const current = state.value.current\n  if (!current) return { modalProps: {}, component: null, componentProps: {} }\n  if (current.type === 'context') {\n    const { innerProps, ...modalProps } = current.props\n    return {\n      modalProps,\n      component: props.modals?.[current.ctx] ?? null,\n      componentProps: { innerProps, context, id: current.id },\n    }\n  }\n  if (current.type === 'confirm') {\n    const separated = separateConfirmModalProps(current.props)\n    return {\n      modalProps: separated.modalProps,\n      component: ConfirmModal,\n      componentProps: {\n        ...separated.confirmModalProps,\n        id: current.id,\n        labels: current.props.labels || props.labels,\n      },\n    }\n  }\n  const modalProps = { ...current.props } as any\n  delete modalProps.children\n  return { modalProps, component: null, componentProps: {} }\n})\nconst modalAttrs = computed(() => {\n  const value = {\n    zIndex: getDefaultZIndex('modal') + 1,\n    ...props.modalProps,\n    ...presentation.value.modalProps,\n  }\n  delete value.opened\n  delete value.onClose\n  return value\n})\nconst renderContent = () => {\n  const current = state.value.current\n  if (!current || current.type !== 'content') return null\n  const children = current.props.children\n  return typeof children === 'function' ? children() : (children ?? null)\n}\n</script>\n\n<template>\n  <Modal\n    v-bind=\"modalAttrs\"\n    :opened=\"state.modals.length > 0\"\n    @close=\"closeModal(state.current?.id as string)\"\n  >\n    <component\n      :is=\"presentation.component\"\n      v-if=\"presentation.component\"\n      v-bind=\"presentation.componentProps\"\n    />\n    <component :is=\"renderContent\" v-else />\n  </Modal>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { Modal, getDefaultZIndex } from '@mantine-vue/core'\nimport ConfirmModal from '../ConfirmModal/ConfirmModal.vue'\nimport {\n  ModalsContextKey,\n  type ModalsContextProps,\n  type ModalSettings,\n  type OpenConfirmModal,\n  type OpenContextModal,\n} from '../../context'\nimport {\n  closeAllModalsAction,\n  closeModalAction,\n  modalsStore,\n  openConfirmModalAction,\n  openContextModalAction,\n  openModalAction,\n  updateContextModalAction,\n  updateModalAction,\n  useModalsState,\n} from '../../modals.store'\nimport type { ModalsProviderProps } from './ModalsProvider.types'\n\ndefineOptions({ name: 'ModalsProvider' })\nconst props = defineProps<ModalsProviderProps>()\nconst state = useModalsState(modalsStore)\nconst openModal = (settings: ModalSettings) => openModalAction(settings, modalsStore)\nconst openConfirmModal = (settings: OpenConfirmModal) =>\n  openConfirmModalAction(settings, modalsStore)\nconst openContextModal = (modal: string, settings: OpenContextModal) =>\n  openContextModalAction(modal, settings, modalsStore)\nconst closeModal = (id: string, canceled?: boolean) => closeModalAction(id, canceled, modalsStore)\nconst closeAll = () => closeAllModalsAction(undefined, modalsStore)\nconst updateModal = (payload: { modalId: string } & Partial<OpenConfirmModal>) =>\n  updateModalAction(payload, modalsStore)\nconst updateContextModal = (payload: { modalId: string } & Partial<OpenContextModal<any>>) =>\n  updateContextModalAction(payload, modalsStore)\n\nconst context: ModalsContextProps = {\n  get modalProps() {\n    return props.modalProps || {}\n  },\n  get modals() {\n    return state.value.modals\n  },\n  openModal,\n  openConfirmModal,\n  openContextModal,\n  closeModal,\n  closeContextModal: closeModal,\n  closeAll,\n  updateModal,\n  updateContextModal,\n}\nprovide(ModalsContextKey, context)\n\nfunction separateConfirmModalProps(settings: OpenConfirmModal) {\n  const value = { ...settings } as any\n  const confirmModalProps = {\n    id: value.id,\n    onCancel: value.onCancel,\n    onConfirm: value.onConfirm,\n    closeOnConfirm: value.closeOnConfirm,\n    closeOnCancel: value.closeOnCancel,\n    cancelProps: value.cancelProps,\n    confirmProps: value.confirmProps,\n    groupProps: value.groupProps,\n    labels: value.labels,\n  }\n  for (const key of [\n    'children',\n    'onCancel',\n    'onConfirm',\n    'closeOnConfirm',\n    'closeOnCancel',\n    'cancelProps',\n    'confirmProps',\n    'groupProps',\n    'labels',\n  ])\n    delete value[key]\n  return { confirmModalProps, modalProps: value }\n}\n\nconst presentation = computed(() => {\n  const current = state.value.current\n  if (!current) return { modalProps: {}, component: null, componentProps: {} }\n  if (current.type === 'context') {\n    const { innerProps, ...modalProps } = current.props\n    return {\n      modalProps,\n      component: props.modals?.[current.ctx] ?? null,\n      componentProps: { innerProps, context, id: current.id },\n    }\n  }\n  if (current.type === 'confirm') {\n    const separated = separateConfirmModalProps(current.props)\n    return {\n      modalProps: separated.modalProps,\n      component: ConfirmModal,\n      componentProps: {\n        ...separated.confirmModalProps,\n        id: current.id,\n        labels: current.props.labels || props.labels,\n      },\n    }\n  }\n  const modalProps = { ...current.props } as any\n  delete modalProps.children\n  return { modalProps, component: null, componentProps: {} }\n})\nconst modalAttrs = computed(() => {\n  const value = {\n    zIndex: getDefaultZIndex('modal') + 1,\n    ...props.modalProps,\n    ...presentation.value.modalProps,\n  }\n  delete value.opened\n  delete value.onClose\n  return value\n})\nconst renderContent = () => {\n  const current = state.value.current\n  if (!current || current.type !== 'content') return null\n  const children = current.props.children\n  return typeof children === 'function' ? children() : (children ?? null)\n}\n</script>\n\n<template>\n  <Modal\n    v-bind=\"modalAttrs\"\n    :opened=\"state.modals.length > 0\"\n    @close=\"closeModal(state.current?.id as string)\"\n  >\n    <component\n      :is=\"presentation.component\"\n      v-if=\"presentation.component\"\n      v-bind=\"presentation.componentProps\"\n    />\n    <component :is=\"renderContent\" v-else />\n  </Modal>\n  <slot />\n</template>\n"],"mappings":"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"}

package/lib/components/ConfirmModal/ConfirmModal.types.d.ts

@@ -0,0 +1,32 @@
+import type { ConfirmLabels } from '../../context';
+/** Props accepted by `ConfirmModal`. */
+export interface ConfirmModalProps {
+    /** Modal id, defaults to a random id, can be used to close the modal programmatically. */
+    id?: string;
+    /** Determines whether the modal should be closed when the confirm button is clicked. @default true */
+    closeOnConfirm?: boolean;
+    /** Determines whether the modal should be closed when the cancel button is clicked. @default true */
+    closeOnCancel?: boolean;
+    /** Cancel button props. */
+    cancelProps?: Record<string, any>;
+    /** Confirm button props. */
+    confirmProps?: Record<string, any>;
+    /** Buttons `Group` props. */
+    groupProps?: Record<string, any>;
+    /** Cancel and confirm button labels, can be defined on `ModalsProvider`. */
+    labels?: ConfirmLabels;
+}
+/** Events emitted by `ConfirmModal`. */
+export interface ConfirmModalEmits {
+    /** Emitted when the cancel button is clicked. */
+    cancel: [];
+    /** Emitted when the confirm button is clicked. */
+    confirm: [];
+}
+/** Callbacks accepted by the imperative `openConfirmModal` settings object. */
+export interface ConfirmModalCallbacks {
+    /** Called when the cancel button is clicked. */
+    onCancel?: () => void;
+    /** Called when the confirm button is clicked. */
+    onConfirm?: () => void;
+}

package/lib/components/ConfirmModal/ConfirmModal.vue.d.ts

@@ -0,0 +1,20 @@
+import type { ConfirmModalProps } from './ConfirmModal.types';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ConfirmModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<ConfirmModalProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ConfirmModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ConfirmModal } from './ConfirmModal.vue';
+export type { ConfirmModalCallbacks, ConfirmModalEmits, ConfirmModalProps, } from './ConfirmModal.types';

package/lib/components/ModalsProvider/ModalsProvider.types.d.ts

@@ -0,0 +1,10 @@
+import type { ConfirmLabels, ModalSettings } from '../../context';
+/** Props accepted by `ModalsProvider`. */
+export interface ModalsProviderProps {
+    /** Predefined modals. */
+    modals?: Record<string, any>;
+    /** Shared Modal component props, applied for every modal. */
+    modalProps?: ModalSettings;
+    /** Confirm modal labels. */
+    labels?: ConfirmLabels;
+}

package/lib/components/ModalsProvider/ModalsProvider.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ModalsProviderProps } from './ModalsProvider.types';
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ModalsProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalsProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ModalsProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ModalsProvider } from './ModalsProvider.vue';
+export type { ModalsProviderProps } from './ModalsProvider.types';

package/lib/context.d.ts

@@ -1,20 +1,27 @@
 import type { InjectionKey, VNodeChild } from 'vue';
 import type { ModalProps } from '@mantine-vue/core';
-import type { ConfirmModalProps } from './ConfirmModal';
+import type { ConfirmModalCallbacks, ConfirmModalProps } from './components/ConfirmModal';
 export type ModalSettings = Partial<Omit<ModalProps, 'opened'>> & {
+    /** Modal id, defaults to a random id, can be used to close or update the modal programmatically. */
     modalId?: string;
+    /** Modal content. */
     children?: VNodeChild | (() => VNodeChild);
+    /** Called when the modal closes. */
     onClose?: () => void;
 };
 export type ConfirmLabels = Record<'confirm' | 'cancel', VNodeChild>;
-export interface OpenConfirmModal extends ModalSettings, ConfirmModalProps {
+export interface OpenConfirmModal extends ModalSettings, ConfirmModalProps, ConfirmModalCallbacks {
 }
 export interface OpenContextModal<CustomProps extends Record<string, any> = Record<string, any>> extends ModalSettings {
+    /** Props passed to the registered context modal component. */
     innerProps: CustomProps;
 }
 export interface ContextModalProps<T extends Record<string, any> = Record<string, any>> {
+    /** Modals manager context. */
     context: ModalsContextProps;
+    /** Props passed to `modals.openContextModal`. */
     innerProps: T;
+    /** Current modal id. */
     id: string;
 }
 export type ModalState = {
@@ -32,17 +39,27 @@ export type ModalState = {
     ctx: string;
 };
 export interface ModalsContextProps {
+    /** Shared Modal component props applied to every modal. */
     modalProps: ModalSettings;
+    /** Currently opened modal stack. */
     modals: ModalState[];
+    /** Opens a regular modal and returns its id. */
     openModal: (props: ModalSettings) => string;
+    /** Opens a confirm modal and returns its id. */
     openConfirmModal: (props: OpenConfirmModal) => string;
+    /** Opens a predefined context modal and returns its id. */
     openContextModal: (modal: string, props: OpenContextModal) => string;
+    /** Closes the modal with the given id. */
     closeModal: (id: string, canceled?: boolean) => void;
+    /** Closes the context modal with the given id. */
     closeContextModal: (id: string, canceled?: boolean) => void;
+    /** Closes all opened modals. */
     closeAll: () => void;
+    /** Dynamically updates the content and properties of a regular or confirm modal. */
     updateModal: (payload: {
         modalId: string;
     } & Partial<OpenConfirmModal>) => void;
+    /** Dynamically updates the content and properties of a context modal. */
     updateContextModal: (payload: {
         modalId: string;
     } & Partial<OpenContextModal<any>>) => void;