@mantine-vue/modals 1.1.1

package/cjs/index.cjs

@@ -0,0 +1,387 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+let _mantine_vue_core = require("@mantine-vue/core");
+let _mantine_vue_store = require("@mantine-vue/store");
+//#region src/context.ts
+var ModalsContextKey = Symbol("ModalsContext");
+//#endregion
+//#region src/use-modals.ts
+function useModals() {
+	const ctx = (0, vue.inject)(ModalsContextKey, null);
+	if (!ctx) throw new Error("[@mantine-vue/modals] useModals composable was called outside of context, wrap your app with the ModalsProvider component");
+	return ctx;
+}
+//#endregion
+//#region src/ConfirmModal.ts
+var ConfirmModal = (0, vue.defineComponent)({
+	name: "ConfirmModal",
+	inheritAttrs: false,
+	props: {
+		id: {
+			type: String,
+			default: void 0
+		},
+		onCancel: {
+			type: Function,
+			default: void 0
+		},
+		onConfirm: {
+			type: Function,
+			default: void 0
+		},
+		closeOnConfirm: {
+			type: Boolean,
+			default: true
+		},
+		closeOnCancel: {
+			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: ""
+			})
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useModals();
+		const handleCancel = (event) => {
+			props.cancelProps?.onClick?.(event);
+			props.onCancel?.();
+			if (props.closeOnCancel) ctx.closeModal(props.id);
+		};
+		const handleConfirm = (event) => {
+			props.confirmProps?.onClick?.(event);
+			props.onConfirm?.();
+			if (props.closeOnConfirm) ctx.closeModal(props.id);
+		};
+		return () => {
+			const children = slots.default?.();
+			const hasChildren = !!children && children.length > 0;
+			return [hasChildren ? (0, vue.h)(_mantine_vue_core.Box, { mb: "md" }, () => children) : null, (0, vue.h)(_mantine_vue_core.Group, {
+				mt: hasChildren ? 0 : "md",
+				justify: "flex-end",
+				...props.groupProps
+			}, () => [(0, vue.h)(_mantine_vue_core.Button, {
+				variant: "default",
+				...props.cancelProps,
+				onClick: handleCancel
+			}, () => props.cancelProps?.children ?? props.labels?.cancel), (0, vue.h)(_mantine_vue_core.Button, {
+				...props.confirmProps,
+				onClick: handleConfirm
+			}, () => props.confirmProps?.children ?? props.labels?.confirm)])];
+		};
+	}
+});
+//#endregion
+//#region src/reducer.ts
+function handleCloseModal(modal, canceled) {
+	if (canceled && modal.type === "confirm") modal.props.onCancel?.();
+	modal.props.onClose?.();
+}
+function modalsReducer(state, action) {
+	switch (action.type) {
+		case "OPEN":
+			if (state.modals.some((modal) => modal.id === action.modal.id)) return state;
+			return {
+				current: action.modal,
+				modals: [...state.modals, action.modal]
+			};
+		case "CLOSE": {
+			const modals = state.modals.filter((modal) => modal.id !== action.modalId);
+			return {
+				current: modals.length > 0 ? modals[modals.length - 1] : state.current,
+				modals
+			};
+		}
+		case "CLOSE_ALL": return {
+			current: state.current,
+			modals: []
+		};
+		case "UPDATE": {
+			const modals = state.modals.map((modal) => {
+				if (modal.id !== action.modalId) return modal;
+				if (modal.type === "context") return {
+					...modal,
+					props: {
+						...modal.props,
+						...action.newProps,
+						innerProps: {
+							...modal.props.innerProps,
+							...action.newProps.innerProps
+						}
+					}
+				};
+				return {
+					...modal,
+					props: {
+						...modal.props,
+						...action.newProps
+					}
+				};
+			});
+			return {
+				current: state.current && state.current.id === action.modalId ? modals.find((modal) => modal.id === action.modalId) || state.current : state.current,
+				modals
+			};
+		}
+		default: return state;
+	}
+}
+//#endregion
+//#region src/modals.store.ts
+function randomId() {
+	return `mantine-${Math.random().toString(36).slice(2, 11)}`;
+}
+var createModalsStore = () => (0, _mantine_vue_store.createStore)({
+	modals: [],
+	current: null
+});
+var modalsStore = createModalsStore();
+var useModalsState = (store = modalsStore) => store.value;
+var closingMap = /* @__PURE__ */ new WeakMap();
+function dispatch(action, store) {
+	store.setState((state) => modalsReducer(state, action));
+}
+function openModalAction(props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "content",
+			props: rest
+		}
+	}, store);
+	return id;
+}
+function openConfirmModalAction(props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "confirm",
+			props: rest
+		}
+	}, store);
+	return id;
+}
+function openContextModalAction(modal, props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "context",
+			props: rest,
+			ctx: modal
+		}
+	}, store);
+	return id;
+}
+function closeModalAction(id, canceled, store = modalsStore) {
+	if (!closingMap.get(store)) {
+		const modal = store.getState().modals.find((item) => item.id === id);
+		if (modal) {
+			closingMap.set(store, true);
+			handleCloseModal(modal, canceled);
+			closingMap.set(store, false);
+		}
+	}
+	dispatch({
+		type: "CLOSE",
+		modalId: id,
+		canceled
+	}, store);
+}
+function closeAllModalsAction(canceled, store = modalsStore) {
+	if (!closingMap.get(store)) {
+		closingMap.set(store, true);
+		store.getState().modals.slice().reverse().forEach((modal) => handleCloseModal(modal, canceled));
+		closingMap.set(store, false);
+	}
+	dispatch({
+		type: "CLOSE_ALL",
+		canceled
+	}, store);
+}
+function updateModalAction(payload, store = modalsStore) {
+	const { modalId, ...newProps } = payload;
+	dispatch({
+		type: "UPDATE",
+		modalId,
+		newProps
+	}, store);
+}
+function updateContextModalAction(payload, store = modalsStore) {
+	const { modalId, ...newProps } = payload;
+	dispatch({
+		type: "UPDATE",
+		modalId,
+		newProps
+	}, store);
+}
+function openContextModalPayload(payload, store = modalsStore) {
+	const { modal, ...rest } = payload;
+	return openContextModalAction(modal, rest, store);
+}
+var modals = {
+	open: (props) => openModalAction(props),
+	close: (id) => closeModalAction(id),
+	closeAll: () => closeAllModalsAction(),
+	openConfirmModal: (props) => openConfirmModalAction(props),
+	openContextModal: (payload) => openContextModalPayload(payload),
+	updateModal: (payload) => updateModalAction(payload),
+	updateContextModal: (payload) => updateContextModalAction(payload)
+};
+var openModal = modals.open;
+var closeModal = modals.close;
+var closeAllModals = modals.closeAll;
+var openConfirmModal = modals.openConfirmModal;
+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 = (0, vue.defineComponent)({
+	name: "ModalsProvider",
+	props: {
+		modals: {
+			type: Object,
+			default: void 0
+		},
+		modalProps: {
+			type: Object,
+			default: void 0
+		},
+		labels: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const state = useModalsState(modalsStore);
+		const openModal = (settings) => openModalAction(settings, modalsStore);
+		const openConfirmModal = (settings) => openConfirmModalAction(settings, modalsStore);
+		const openContextModal = (modal, settings) => openContextModalAction(modal, settings, modalsStore);
+		const closeModal = (id, canceled) => closeModalAction(id, canceled, modalsStore);
+		const closeAll = () => closeAllModalsAction(void 0, modalsStore);
+		const updateModal = (payload) => updateModalAction(payload, modalsStore);
+		const updateContextModal = (payload) => updateContextModalAction(payload, modalsStore);
+		const ctx = {
+			get modalProps() {
+				return props.modalProps || {};
+			},
+			get modals() {
+				return state.value.modals;
+			},
+			openModal,
+			openConfirmModal,
+			openContextModal,
+			closeModal,
+			closeContextModal: closeModal,
+			closeAll,
+			updateModal,
+			updateContextModal
+		};
+		(0, vue.provide)(ModalsContextKey, ctx);
+		return () => {
+			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 ? (0, vue.h)(ContextModalComponent, {
+					innerProps,
+					context: ctx,
+					id: current.id
+				}) : null;
+			} else if (current.type === "confirm") {
+				const { confirmModalProps, modalProps: separatedModalProps } = separateConfirmModalProps(current.props);
+				currentModalProps = separatedModalProps;
+				content = (0, vue.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;
+			}
+			return [(0, vue.h)(_mantine_vue_core.Modal, {
+				zIndex: (0, _mantine_vue_core.getDefaultZIndex)("modal") + 1,
+				...props.modalProps,
+				...currentModalProps,
+				opened: state.value.modals.length > 0,
+				onClose: () => closeModal(state.value.current?.id)
+			}, () => content), slots.default?.()];
+		};
+	}
+});
+//#endregion
+exports.ConfirmModal = ConfirmModal;
+exports.ModalsProvider = ModalsProvider;
+exports.closeAllModals = closeAllModals;
+exports.closeAllModalsAction = closeAllModalsAction;
+exports.closeModal = closeModal;
+exports.closeModalAction = closeModalAction;
+exports.createModalsStore = createModalsStore;
+exports.handleCloseModal = handleCloseModal;
+exports.modals = modals;
+exports.modalsReducer = modalsReducer;
+exports.modalsStore = modalsStore;
+exports.openConfirmModal = openConfirmModal;
+exports.openConfirmModalAction = openConfirmModalAction;
+exports.openContextModal = openContextModal;
+exports.openContextModalAction = openContextModalAction;
+exports.openModal = openModal;
+exports.openModalAction = openModalAction;
+exports.updateContextModal = updateContextModal;
+exports.updateContextModalAction = updateContextModalAction;
+exports.updateModal = updateModal;
+exports.updateModalAction = updateModalAction;
+exports.useModals = useModals;
+exports.useModalsState = useModalsState;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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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"}

package/esm/index.mjs

@@ -0,0 +1,364 @@
+import { defineComponent, h, inject, provide } from "vue";
+import { Box, Button, Group, Modal, getDefaultZIndex } from "@mantine-vue/core";
+import { createStore } from "@mantine-vue/store";
+//#region src/context.ts
+var ModalsContextKey = Symbol("ModalsContext");
+//#endregion
+//#region src/use-modals.ts
+function useModals() {
+	const ctx = inject(ModalsContextKey, null);
+	if (!ctx) throw new Error("[@mantine-vue/modals] useModals composable was called outside of context, wrap your app with the ModalsProvider component");
+	return ctx;
+}
+//#endregion
+//#region src/ConfirmModal.ts
+var ConfirmModal = defineComponent({
+	name: "ConfirmModal",
+	inheritAttrs: false,
+	props: {
+		id: {
+			type: String,
+			default: void 0
+		},
+		onCancel: {
+			type: Function,
+			default: void 0
+		},
+		onConfirm: {
+			type: Function,
+			default: void 0
+		},
+		closeOnConfirm: {
+			type: Boolean,
+			default: true
+		},
+		closeOnCancel: {
+			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: ""
+			})
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useModals();
+		const handleCancel = (event) => {
+			props.cancelProps?.onClick?.(event);
+			props.onCancel?.();
+			if (props.closeOnCancel) ctx.closeModal(props.id);
+		};
+		const handleConfirm = (event) => {
+			props.confirmProps?.onClick?.(event);
+			props.onConfirm?.();
+			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)])];
+		};
+	}
+});
+//#endregion
+//#region src/reducer.ts
+function handleCloseModal(modal, canceled) {
+	if (canceled && modal.type === "confirm") modal.props.onCancel?.();
+	modal.props.onClose?.();
+}
+function modalsReducer(state, action) {
+	switch (action.type) {
+		case "OPEN":
+			if (state.modals.some((modal) => modal.id === action.modal.id)) return state;
+			return {
+				current: action.modal,
+				modals: [...state.modals, action.modal]
+			};
+		case "CLOSE": {
+			const modals = state.modals.filter((modal) => modal.id !== action.modalId);
+			return {
+				current: modals.length > 0 ? modals[modals.length - 1] : state.current,
+				modals
+			};
+		}
+		case "CLOSE_ALL": return {
+			current: state.current,
+			modals: []
+		};
+		case "UPDATE": {
+			const modals = state.modals.map((modal) => {
+				if (modal.id !== action.modalId) return modal;
+				if (modal.type === "context") return {
+					...modal,
+					props: {
+						...modal.props,
+						...action.newProps,
+						innerProps: {
+							...modal.props.innerProps,
+							...action.newProps.innerProps
+						}
+					}
+				};
+				return {
+					...modal,
+					props: {
+						...modal.props,
+						...action.newProps
+					}
+				};
+			});
+			return {
+				current: state.current && state.current.id === action.modalId ? modals.find((modal) => modal.id === action.modalId) || state.current : state.current,
+				modals
+			};
+		}
+		default: return state;
+	}
+}
+//#endregion
+//#region src/modals.store.ts
+function randomId() {
+	return `mantine-${Math.random().toString(36).slice(2, 11)}`;
+}
+var createModalsStore = () => createStore({
+	modals: [],
+	current: null
+});
+var modalsStore = createModalsStore();
+var useModalsState = (store = modalsStore) => store.value;
+var closingMap = /* @__PURE__ */ new WeakMap();
+function dispatch(action, store) {
+	store.setState((state) => modalsReducer(state, action));
+}
+function openModalAction(props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "content",
+			props: rest
+		}
+	}, store);
+	return id;
+}
+function openConfirmModalAction(props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "confirm",
+			props: rest
+		}
+	}, store);
+	return id;
+}
+function openContextModalAction(modal, props, store = modalsStore) {
+	const { modalId, ...rest } = props;
+	const id = modalId || randomId();
+	dispatch({
+		type: "OPEN",
+		modal: {
+			id,
+			type: "context",
+			props: rest,
+			ctx: modal
+		}
+	}, store);
+	return id;
+}
+function closeModalAction(id, canceled, store = modalsStore) {
+	if (!closingMap.get(store)) {
+		const modal = store.getState().modals.find((item) => item.id === id);
+		if (modal) {
+			closingMap.set(store, true);
+			handleCloseModal(modal, canceled);
+			closingMap.set(store, false);
+		}
+	}
+	dispatch({
+		type: "CLOSE",
+		modalId: id,
+		canceled
+	}, store);
+}
+function closeAllModalsAction(canceled, store = modalsStore) {
+	if (!closingMap.get(store)) {
+		closingMap.set(store, true);
+		store.getState().modals.slice().reverse().forEach((modal) => handleCloseModal(modal, canceled));
+		closingMap.set(store, false);
+	}
+	dispatch({
+		type: "CLOSE_ALL",
+		canceled
+	}, store);
+}
+function updateModalAction(payload, store = modalsStore) {
+	const { modalId, ...newProps } = payload;
+	dispatch({
+		type: "UPDATE",
+		modalId,
+		newProps
+	}, store);
+}
+function updateContextModalAction(payload, store = modalsStore) {
+	const { modalId, ...newProps } = payload;
+	dispatch({
+		type: "UPDATE",
+		modalId,
+		newProps
+	}, store);
+}
+function openContextModalPayload(payload, store = modalsStore) {
+	const { modal, ...rest } = payload;
+	return openContextModalAction(modal, rest, store);
+}
+var modals = {
+	open: (props) => openModalAction(props),
+	close: (id) => closeModalAction(id),
+	closeAll: () => closeAllModalsAction(),
+	openConfirmModal: (props) => openConfirmModalAction(props),
+	openContextModal: (payload) => openContextModalPayload(payload),
+	updateModal: (payload) => updateModalAction(payload),
+	updateContextModal: (payload) => updateContextModalAction(payload)
+};
+var openModal = modals.open;
+var closeModal = modals.close;
+var closeAllModals = modals.closeAll;
+var openConfirmModal = modals.openConfirmModal;
+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({
+	name: "ModalsProvider",
+	props: {
+		modals: {
+			type: Object,
+			default: void 0
+		},
+		modalProps: {
+			type: Object,
+			default: void 0
+		},
+		labels: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const state = useModalsState(modalsStore);
+		const openModal = (settings) => openModalAction(settings, modalsStore);
+		const openConfirmModal = (settings) => openConfirmModalAction(settings, modalsStore);
+		const openContextModal = (modal, settings) => openContextModalAction(modal, settings, modalsStore);
+		const closeModal = (id, canceled) => closeModalAction(id, canceled, modalsStore);
+		const closeAll = () => closeAllModalsAction(void 0, modalsStore);
+		const updateModal = (payload) => updateModalAction(payload, modalsStore);
+		const updateContextModal = (payload) => updateContextModalAction(payload, modalsStore);
+		const ctx = {
+			get modalProps() {
+				return props.modalProps || {};
+			},
+			get modals() {
+				return state.value.modals;
+			},
+			openModal,
+			openConfirmModal,
+			openContextModal,
+			closeModal,
+			closeContextModal: closeModal,
+			closeAll,
+			updateModal,
+			updateContextModal
+		};
+		provide(ModalsContextKey, ctx);
+		return () => {
+			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;
+			}
+			return [h(Modal, {
+				zIndex: getDefaultZIndex("modal") + 1,
+				...props.modalProps,
+				...currentModalProps,
+				opened: state.value.modals.length > 0,
+				onClose: () => closeModal(state.value.current?.id)
+			}, () => content), slots.default?.()];
+		};
+	}
+});
+//#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 };
+
+//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -0,0 +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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"}

package/lib/ConfirmModal.d.ts

@@ -0,0 +1,106 @@
+import { type PropType } from 'vue';
+import type { ConfirmLabels } from './context';
+export interface ConfirmModalProps {
+    id?: string;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    closeOnConfirm?: boolean;
+    closeOnCancel?: boolean;
+    cancelProps?: Record<string, any>;
+    confirmProps?: Record<string, any>;
+    groupProps?: Record<string, any>;
+    labels?: ConfirmLabels;
+}
+export declare const ConfirmModal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onCancel: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onConfirm: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    closeOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    confirmProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    groupProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<ConfirmLabels>;
+        default: () => {
+            cancel: string;
+            confirm: string;
+        };
+    };
+}>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onCancel: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onConfirm: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    closeOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    confirmProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    groupProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<ConfirmLabels>;
+        default: () => {
+            cancel: string;
+            confirm: string;
+        };
+    };
+}>> & Readonly<{}>, {
+    onCancel: () => void;
+    id: string;
+    labels: ConfirmLabels;
+    onConfirm: () => void;
+    closeOnConfirm: boolean;
+    closeOnCancel: boolean;
+    cancelProps: Record<string, any>;
+    confirmProps: Record<string, any>;
+    groupProps: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/ModalsProvider.d.ts

@@ -0,0 +1,42 @@
+import { type PropType } from 'vue';
+import { type ConfirmLabels, type ModalSettings } from './context';
+export interface ModalsProviderProps {
+    modals?: Record<string, any>;
+    modalProps?: ModalSettings;
+    labels?: ConfirmLabels;
+}
+export declare const ModalsProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modals: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    modalProps: {
+        type: PropType<ModalSettings>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<ConfirmLabels>;
+        default: undefined;
+    };
+}>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modals: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    modalProps: {
+        type: PropType<ModalSettings>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<ConfirmLabels>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    labels: ConfirmLabels;
+    modalProps: ModalSettings;
+    modals: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/context.d.ts

@@ -0,0 +1,50 @@
+import type { InjectionKey, VNodeChild } from 'vue';
+import type { ModalProps } from '@mantine-vue/core';
+import type { ConfirmModalProps } from './ConfirmModal';
+export type ModalSettings = Partial<Omit<ModalProps, 'opened'>> & {
+    modalId?: string;
+    children?: VNodeChild | (() => VNodeChild);
+    onClose?: () => void;
+};
+export type ConfirmLabels = Record<'confirm' | 'cancel', VNodeChild>;
+export interface OpenConfirmModal extends ModalSettings, ConfirmModalProps {
+}
+export interface OpenContextModal<CustomProps extends Record<string, any> = Record<string, any>> extends ModalSettings {
+    innerProps: CustomProps;
+}
+export interface ContextModalProps<T extends Record<string, any> = Record<string, any>> {
+    context: ModalsContextProps;
+    innerProps: T;
+    id: string;
+}
+export type ModalState = {
+    id: string;
+    type: 'content';
+    props: ModalSettings;
+} | {
+    id: string;
+    type: 'confirm';
+    props: OpenConfirmModal;
+} | {
+    id: string;
+    type: 'context';
+    props: OpenContextModal;
+    ctx: string;
+};
+export interface ModalsContextProps {
+    modalProps: ModalSettings;
+    modals: ModalState[];
+    openModal: (props: ModalSettings) => string;
+    openConfirmModal: (props: OpenConfirmModal) => string;
+    openContextModal: (modal: string, props: OpenContextModal) => string;
+    closeModal: (id: string, canceled?: boolean) => void;
+    closeContextModal: (id: string, canceled?: boolean) => void;
+    closeAll: () => void;
+    updateModal: (payload: {
+        modalId: string;
+    } & Partial<OpenConfirmModal>) => void;
+    updateContextModal: (payload: {
+        modalId: string;
+    } & Partial<OpenContextModal<any>>) => void;
+}
+export declare const ModalsContextKey: InjectionKey<ModalsContextProps>;

package/lib/index.d.mts

@@ -0,0 +1,10 @@
+export { ModalsProvider } from './ModalsProvider';
+export { useModals } from './use-modals';
+export { ConfirmModal } from './ConfirmModal';
+export { modals, openModal, closeModal, closeAllModals, openConfirmModal, openContextModal, updateModal, updateContextModal, createModalsStore, modalsStore, useModalsState, openModalAction, openConfirmModalAction, openContextModalAction, closeModalAction, closeAllModalsAction, updateModalAction, updateContextModalAction, } from './modals.store';
+export { modalsReducer, handleCloseModal } from './reducer';
+export type { ModalsProviderProps } from './ModalsProvider';
+export type { ConfirmModalProps } from './ConfirmModal';
+export type { ModalsStore } from './modals.store';
+export type { ModalsState, ModalsAction } from './reducer';
+export type { ContextModalProps, ModalSettings, ModalState, ModalsContextProps, OpenConfirmModal, OpenContextModal, ConfirmLabels, } from './context';

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export { ModalsProvider } from './ModalsProvider';
+export { useModals } from './use-modals';
+export { ConfirmModal } from './ConfirmModal';
+export { modals, openModal, closeModal, closeAllModals, openConfirmModal, openContextModal, updateModal, updateContextModal, createModalsStore, modalsStore, useModalsState, openModalAction, openConfirmModalAction, openContextModalAction, closeModalAction, closeAllModalsAction, updateModalAction, updateContextModalAction, } from './modals.store';
+export { modalsReducer, handleCloseModal } from './reducer';
+export type { ModalsProviderProps } from './ModalsProvider';
+export type { ConfirmModalProps } from './ConfirmModal';
+export type { ModalsStore } from './modals.store';
+export type { ModalsState, ModalsAction } from './reducer';
+export type { ContextModalProps, ModalSettings, ModalState, ModalsContextProps, OpenConfirmModal, OpenContextModal, ConfirmLabels, } from './context';

package/lib/modals.store.d.ts

@@ -0,0 +1,47 @@
+import { type Ref } from 'vue';
+import { type MantineStore } from '@mantine-vue/store';
+import type { ModalSettings, OpenConfirmModal, OpenContextModal } from './context';
+import { type ModalsState } from './reducer';
+export type ModalsStore = MantineStore<ModalsState>;
+export declare const createModalsStore: () => MantineStore<ModalsState>;
+export declare const modalsStore: MantineStore<ModalsState>;
+export declare const useModalsState: (store?: ModalsStore) => Readonly<Ref<ModalsState>>;
+export declare function openModalAction(props: ModalSettings, store?: ModalsStore): string;
+export declare function openConfirmModalAction(props: OpenConfirmModal, store?: ModalsStore): string;
+export declare function openContextModalAction(modal: string, props: OpenContextModal, store?: ModalsStore): string;
+export declare function closeModalAction(id: string, canceled?: boolean, store?: ModalsStore): void;
+export declare function closeAllModalsAction(canceled?: boolean, store?: ModalsStore): void;
+export declare function updateModalAction(payload: {
+    modalId: string;
+} & Partial<ModalSettings>, store?: ModalsStore): void;
+export declare function updateContextModalAction(payload: {
+    modalId: string;
+} & Partial<OpenContextModal<any>>, store?: ModalsStore): void;
+export declare const modals: {
+    readonly open: (props: ModalSettings) => string;
+    readonly close: (id: string) => void;
+    readonly closeAll: () => void;
+    readonly openConfirmModal: (props: OpenConfirmModal) => string;
+    readonly openContextModal: (payload: OpenContextModal & {
+        modal: string;
+    }) => string;
+    readonly updateModal: (payload: {
+        modalId: string;
+    } & Partial<OpenConfirmModal>) => void;
+    readonly updateContextModal: (payload: {
+        modalId: string;
+    } & Partial<OpenContextModal<any>>) => void;
+};
+export declare const openModal: (props: ModalSettings) => string;
+export declare const closeModal: (id: string) => void;
+export declare const closeAllModals: () => void;
+export declare const openConfirmModal: (props: OpenConfirmModal) => string;
+export declare const openContextModal: (payload: OpenContextModal & {
+    modal: string;
+}) => string;
+export declare const updateModal: (payload: {
+    modalId: string;
+} & Partial<OpenConfirmModal>) => void;
+export declare const updateContextModal: (payload: {
+    modalId: string;
+} & Partial<OpenContextModal<any>>) => void;

package/lib/reducer.d.ts

@@ -0,0 +1,26 @@
+import type { ModalSettings, ModalState } from './context';
+export interface ModalsState {
+    modals: ModalState[];
+    current: ModalState | null;
+}
+export interface OpenAction {
+    type: 'OPEN';
+    modal: ModalState;
+}
+export interface CloseAction {
+    type: 'CLOSE';
+    modalId: string;
+    canceled?: boolean;
+}
+export interface CloseAllAction {
+    type: 'CLOSE_ALL';
+    canceled?: boolean;
+}
+export interface UpdateAction {
+    type: 'UPDATE';
+    modalId: string;
+    newProps: Partial<ModalSettings>;
+}
+export type ModalsAction = OpenAction | CloseAction | CloseAllAction | UpdateAction;
+export declare function handleCloseModal(modal: ModalState, canceled?: boolean): void;
+export declare function modalsReducer(state: ModalsState, action: ModalsAction): ModalsState;

package/lib/use-modals.d.ts

@@ -0,0 +1,2 @@
+import { type ModalsContextProps } from './context';
+export declare function useModals(): ModalsContextProps;

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@mantine-vue/modals",
+  "version": "1.1.1",
+  "description": "Vue modals management system equivalent to @mantine/modals",
+  "license": "MIT",
+  "files": [
+    "cjs",
+    "esm",
+    "lib",
+    "styles.css",
+    "styles.layer.css",
+    "styles"
+  ],
+  "sideEffects": false,
+  "main": "./cjs/index.cjs",
+  "module": "./esm/index.mjs",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.cjs"
+      }
+    }
+  },
+  "devDependencies": {
+    "@mantine-vue/core": "workspace:*",
+    "@mantine-vue/store": "workspace:*",
+    "@vue/compiler-dom": "^3.5.0",
+    "@vue/test-utils": "^2.4.6",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@mantine-vue/core": "1.1.1",
+    "@mantine-vue/store": "1.1.1",
+    "vue": "^3.5.0"
+  }
+}