@lerx/promise-modal 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/{types → @aileron/types}/function.d.ts +4 -4
  2. package/dist/@aileron/types/index.d.ts +4 -0
  3. package/dist/@aileron/types/object.d.ts +11 -0
  4. package/dist/{types/units.d.ts → @aileron/types/unit.d.ts} +4 -6
  5. package/dist/@aileron/types/utility.d.ts +39 -0
  6. package/dist/app/ModalManager.d.ts.map +1 -1
  7. package/dist/app/constant.d.ts +3 -2
  8. package/dist/app/constant.d.ts.map +1 -1
  9. package/dist/core/node/ModalNode/AbstractBaseNode.d.ts +1 -0
  10. package/dist/core/node/ModalNode/AbstractBaseNode.d.ts.map +1 -1
  11. package/dist/hooks/useDestroyAfter.d.ts +1 -0
  12. package/dist/hooks/useDestroyAfter.d.ts.map +1 -1
  13. package/dist/index.cjs.js +2 -2
  14. package/dist/index.cjs.js.map +1 -1
  15. package/dist/index.esm.js +2 -2
  16. package/dist/index.esm.js.map +1 -1
  17. package/dist/providers/ModalContext/ModalContext.d.ts +2 -1
  18. package/dist/providers/ModalContext/ModalContext.d.ts.map +1 -1
  19. package/dist/providers/ModalContext/ModalContextProvider.d.ts +1 -0
  20. package/dist/providers/ModalContext/ModalContextProvider.d.ts.map +1 -1
  21. package/dist/providers/ModalContext/useModalContext.d.ts +4 -4
  22. package/dist/providers/ModalContext/useModalContext.d.ts.map +1 -1
  23. package/dist/providers/ModalDataContext/ModalDataContext.d.ts +1 -0
  24. package/dist/providers/ModalDataContext/ModalDataContext.d.ts.map +1 -1
  25. package/dist/providers/ModalDataContext/ModalDataContextProvider.d.ts.map +1 -1
  26. package/dist/types/modal.d.ts +1 -0
  27. package/dist/types/modal.d.ts.map +1 -1
  28. package/dist/types/prompt.d.ts +1 -0
  29. package/dist/types/prompt.d.ts.map +1 -1
  30. package/package.json +4 -4
  31. package/dist/types/object.d.ts +0 -14
  32. package/dist/types/styles.d.ts +0 -4
  33. package/dist/types/utility.d.ts +0 -45
package/dist/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../winglet/react-utils/dist/index.esm.js","../../../winglet/common-utils/dist/index.esm.js","../src/app/ModalManager.ts","../src/app/constant.ts","../src/components/Background/Background.tsx","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/Presenter.tsx","../src/hooks/useActiveModalCount.ts","../src/core/node/ModalNode/AbstractBaseNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/helpers/getMillisecondsFromDuration.ts","../src/providers/ModalDataContext/ModalDataContext.ts","../src/providers/ModalDataContext/ModalDataContextProvider.tsx","../src/providers/ModalDataContext/useModalDataContext.ts","../src/components/Anchor/Anchor.tsx","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/hooks/useDefaultPathname.ts","../src/providers/ModalContext/ModalContext.ts","../src/providers/ModalContext/ModalContextProvider.tsx","../src/providers/ModalContext/useModalContext.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/hooks/useDestroyAfter.ts"],"sourcesContent":["import{useRef as t,useEffect as e,useLayoutEffect as r,useCallback as n,useMemo as o,useState as c,isValidElement as s,createElement as i}from\"react\";export{isValidElement as isReactElement}from\"react\";const a=t=>!(\"function\"!=typeof t||!t.prototype||!t.prototype.isReactComponent),u=t=>\"function\"==typeof t&&!(t.prototype&&t.prototype.isReactComponent),h=t=>\"object\"==typeof t&&null!==t&&t.$$typeof===Symbol.for(\"react.memo\"),p=t=>u(t)||h(t)||a(t),f=t=>Object.fromEntries(Object.entries(t).filter((([,t])=>p(t)))),l=Array.isArray;\n/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\nfunction y(t,e,r,n){if(\"function\"==typeof e?t!==e||!n:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return e.get(t)}function d(t,e,r,n,o){if(\"function\"==typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return e.set(t,r),r}var b,m,C,j;\"function\"==typeof SuppressedError&&SuppressedError;class w{constructor(t,e){b.set(this,0),m.set(this,0),C.set(this,0),j.set(this,0),this.reset(e),\"string\"==typeof t&&t.length>0&&this.hash(t)}hash(t){let e,r=y(this,b),n=y(this,C),o=0,c=t.length;switch(d(this,j,y(this,j)+c),y(this,m)){case 0:n^=c>o?65535&t.charCodeAt(o++):0;case 1:n^=c>o?(65535&t.charCodeAt(o++))<<8:0;case 2:n^=c>o?(65535&t.charCodeAt(o++))<<16:0;case 3:c>o&&(n^=(255&t.charCodeAt(o))<<24,n^=(65280&t.charCodeAt(o++))>>8)}if(d(this,m,c+y(this,m)&3),c-=y(this,m),c>0){for(;n=11601*n+3432906752*(65535&n)&4294967295,n=n<<15|n>>>17,n=13715*n+461832192*(65535&n)&4294967295,r^=n,r=r<<13|r>>>19,r=5*r+3864292196&4294967295,!(o>=c);)n=65535&t.charCodeAt(o++)^(65535&t.charCodeAt(o++))<<8^(65535&t.charCodeAt(o++))<<16,e=t.charCodeAt(o++),n^=(255&e)<<24^(65280&e)>>8;switch(n=0,y(this,m)){case 3:n^=(65535&t.charCodeAt(o+2))<<16;case 2:n^=(65535&t.charCodeAt(o+1))<<8;case 1:n^=65535&t.charCodeAt(o)}}return d(this,b,r),d(this,C,n),this}result(){let t=y(this,C),e=y(this,b);return t>0&&(t=11601*t+3432906752*(65535&t)&4294967295,t=t<<15|t>>>17,t=13715*t+461832192*(65535&t)&4294967295,e^=t),e^=y(this,j),e^=e>>>16,e=51819*e+2246770688*(65535&e)&4294967295,e^=e>>>13,e=44597*e+3266445312*(65535&e)&4294967295,e^=e>>>16,e>>>0}reset(t){return d(this,b,\"number\"==typeof t?t:0),d(this,m,d(this,C,d(this,j,0))),this}}b=new WeakMap,m=new WeakMap,C=new WeakMap,j=new WeakMap;const A=e=>{const r=t();var n;return r.current||(r.current={value:(n=e,\"function\"==typeof n?e():e)}),r.current.value},g=(r,n)=>{const o=t(!1);e((()=>{o.current||(o.current=!!r())}),n)},O=(e,n)=>{const o=t(!1);r((()=>{o.current||(o.current=!!e())}),n)},v=e=>{const r=t(e);return r.current=e,r},E=t=>{const e=v(t);return n(((...t)=>\"function\"!=typeof e.current?null:e.current(...t)),[e])},S=t=>{const e=v(t);return o((()=>e.current),[e])},k=t=>{e(t,[])},M=t=>{r(t,[])},W=t=>{e((()=>t),[])},$=t=>{r((()=>t),[])},R=(t,e)=>x(t,e).current,x=(e,r)=>{const n=t(e),c=t(J(e,r)),s=o((()=>J(e,r)),[e,r]);return s&&c.current!==s&&(n.current=e,c.current=s),n},J=(t,e)=>{return(t=>{if(!t)return!0;if(function(t){if(!t||\"object\"!=typeof t)return!1;const e=Object.getPrototypeOf(t);return!(null!==e&&e!==Object.prototype&&null!==Object.getPrototypeOf(e))&&\"[object Object]\"===Object.prototype.toString.call(t)}(t)){for(const e in t)return!1;return!0}return!!l(t)&&0===t.length})(t)?null:(r=((t,e)=>{if(!t||\"object\"!=typeof t)return JSON.stringify(t);const r=Object.entries(t).sort((([t],[e])=>t.localeCompare(e))),n=new Array(r.length);for(let t=0;t<r.length;t++){const[o,c]=r[t];e?.includes(o)||(n[t]=`${o}:${\"object\"==typeof c?JSON.stringify(c):c}`)}return n.join(\"|\")})(t,e),new w(r).result());var r},N=()=>{const[t,e]=c(0);return[t,n((()=>{e((t=>t+1))}),[])]},P=(t,e)=>t?s(t)?t:p(t)?i(t,e):null:null;export{a as isClassComponent,u as isFunctionComponent,h as isMemoComponent,p as isReactComponent,f as remainOnlyReactComponent,P as renderComponent,A as useConstant,g as useEffectUntil,E as useHandle,O as useLayoutEffectUntil,S as useMemorize,k as useOnMount,M as useOnMountLayout,W as useOnUnmount,$ as useOnUnmountLayout,v as useReference,R as useSnapshot,x as useSnapshotReference,N as useTick};\n//# sourceMappingURL=index.esm.js.map\n","const t=1,e=1e3,r=6e4,o=36e5,s=24*o,n=1e3,i=1e6,c=1e3*i,a=1e3*c,f=1e3*a,h=1e3*f,l=[],p={},u=()=>{},y=()=>{},d=()=>null,b=()=>!1,w=()=>!0;function j(t){if(!t||\"object\"!=typeof t)return!1;const e=Object.getPrototypeOf(t);return!(null!==e&&e!==Object.prototype&&null!==Object.getPrototypeOf(e))&&\"[object Object]\"===Object.prototype.toString.call(t)}const g=t=>{if(!j(t))return!1;for(const e in t)return!1;return!0},A=t=>Array.isArray(t)&&0===t.length,m=t=>\"function\"==typeof t,O=t=>Boolean(t),C=t=>void 0===t,v=t=>null===t,E=t=>null==t,S=t=>\"boolean\"==typeof t,k=t=>\"number\"==typeof t,$=t=>\"string\"==typeof t,M=Array.isArray;\n/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\nfunction P(t,e,r,o){if(\"a\"===r&&!o)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"==typeof e?t!==e||!o:!e.has(t))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?o:\"a\"===r?o.call(t):o?o.value:e.get(t)}function T(t,e,r,o,s){if(\"m\"===o)throw new TypeError(\"Private method is not writable\");if(\"a\"===o&&!s)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"==typeof e?t!==e||!s:!e.has(t))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===o?s.call(t,r):s?s.value=r:e.set(t,r),r}var x,W,J,N;\"function\"==typeof SuppressedError&&SuppressedError;class B{constructor(t,e){x.set(this,0),W.set(this,0),J.set(this,0),N.set(this,0),this.reset(e),\"string\"==typeof t&&t.length>0&&this.hash(t)}hash(t){let e,r=P(this,x,\"f\"),o=P(this,J,\"f\"),s=0,n=t.length;switch(T(this,N,P(this,N,\"f\")+n,\"f\"),P(this,W,\"f\")){case 0:o^=n>s?65535&t.charCodeAt(s++):0;case 1:o^=n>s?(65535&t.charCodeAt(s++))<<8:0;case 2:o^=n>s?(65535&t.charCodeAt(s++))<<16:0;case 3:n>s&&(o^=(255&t.charCodeAt(s))<<24,o^=(65280&t.charCodeAt(s++))>>8)}if(T(this,W,n+P(this,W,\"f\")&3,\"f\"),n-=P(this,W,\"f\"),n>0){for(;o=11601*o+3432906752*(65535&o)&4294967295,o=o<<15|o>>>17,o=13715*o+461832192*(65535&o)&4294967295,r^=o,r=r<<13|r>>>19,r=5*r+3864292196&4294967295,!(s>=n);)o=65535&t.charCodeAt(s++)^(65535&t.charCodeAt(s++))<<8^(65535&t.charCodeAt(s++))<<16,e=t.charCodeAt(s++),o^=(255&e)<<24^(65280&e)>>8;switch(o=0,P(this,W,\"f\")){case 3:o^=(65535&t.charCodeAt(s+2))<<16;case 2:o^=(65535&t.charCodeAt(s+1))<<8;case 1:o^=65535&t.charCodeAt(s)}}return T(this,x,r,\"f\"),T(this,J,o,\"f\"),this}result(){let t=P(this,J,\"f\"),e=P(this,x,\"f\");return t>0&&(t=11601*t+3432906752*(65535&t)&4294967295,t=t<<15|t>>>17,t=13715*t+461832192*(65535&t)&4294967295,e^=t),e^=P(this,N,\"f\"),e^=e>>>16,e=51819*e+2246770688*(65535&e)&4294967295,e^=e>>>13,e=44597*e+3266445312*(65535&e)&4294967295,e^=e>>>16,e>>>0}reset(t){return T(this,x,\"number\"==typeof t?t:0,\"f\"),T(this,W,T(this,J,T(this,N,0,\"f\"),\"f\"),\"f\"),this}}x=new WeakMap,W=new WeakMap,J=new WeakMap,N=new WeakMap;const q=t=>new B(t).result(),z=t=>Object.fromEntries(Object.entries(t).map((([t,e])=>j(e)?[t,z(e)]:[t,e])).filter((([,t])=>void 0!==t))),D=(t,e)=>{if(!t||\"object\"!=typeof t)return JSON.stringify(t);const r=Object.entries(t).sort((([t],[e])=>t.localeCompare(e))),o=new Array(r.length);for(let t=0;t<r.length;t++){const[s,n]=r[t];e?.includes(s)||(o[t]=`${s}:${\"object\"==typeof n?JSON.stringify(n):n}`)}return o.join(\"|\")},F=t=>{if(!t||\"object\"!=typeof t)return String(t);const e=[{obj:t,prefix:\"\"}],r=[];for(;e.length>0;){const{obj:t,prefix:o}=e.pop(),s=Object.keys(t).sort();for(const n of s){const s=t[n],i=o?`${o}.${n}`:n;s&&\"object\"==typeof s?e.push({obj:s,prefix:i}):r.push(`${i}:${String(s)}`)}}return r.join(\"|\")},G=(t,e=[])=>{if(!t)return{};const r=new Set(e),o=[...e,...Object.keys(t).filter((t=>!r.has(t)))];return Object.fromEntries(o.filter((e=>e in t)).map((e=>[e,t[e]])))},H=(t,e)=>{const r=Object.keys(e),o=r.length;for(let s=0;s<o;s++){const o=r[s],n=e[o],i=t[o];M(n)?t[o]=M(i)?H(i,n):H([],n):j(n)?t[o]=j(i)?H(i,n):H({},n):void 0!==i&&void 0===n||(t[o]=n)}return t},I=()=>`${Math.random()}`.slice(2);export{s as DAY,l as EMPTY_ARRAY,p as EMPTY_OBJECT,h as EXA,c as GIGA,o as HOUR,n as KILO,i as MEGA,t as MILLISECOND,r as MINUTE,B as Murmur3,f as PETA,e as SECOND,a as TERA,b as falseFunction,q as generateHash,I as getRandomNumber,M as isArray,S as isBoolean,A as isEmptyArray,g as isEmptyObject,m as isFunction,E as isNil,v as isNull,k as isNumber,j as isPlainObject,$ as isString,O as isTruthy,C as isUndefined,H as merge,d as nullFunction,z as removeUndefined,G as sortObjectKeys,D as stringifyObject,F as stringifyObjectWithFullSortedKeys,w as trueFunction,y as undefinedFunction,u as voidFunction};\n//# sourceMappingURL=index.esm.js.map\n","import { MutableRefObject } from 'react';\n\nimport { getRandomNumber } from '@winglet/common-utils';\n\nimport type { Modal } from '@/promise-modal/types';\n\nconst prerenderListRef: MutableRefObject<Modal[]> = {\n current: [],\n};\n\nconst openModalRef: MutableRefObject<Fn<[Modal], void>> = {\n current: (modal: Modal) => {\n prerenderListRef.current.push(modal);\n },\n};\n\nconst anchorRef: MutableRefObject<HTMLElement | null> = {\n current: null,\n};\n\nexport const ModalManager = {\n get prerender() {\n return prerenderListRef.current;\n },\n clearPrerender() {\n prerenderListRef.current = [];\n },\n open(modal: Modal) {\n openModalRef.current(modal);\n },\n setupOpen(open: (modal: Modal) => void) {\n openModalRef.current = open;\n },\n anchor(name: string, label = 'modal-anchor'): HTMLElement {\n if (anchorRef.current) {\n const anchor = document.getElementById(anchorRef.current.id);\n if (anchor) return anchor;\n }\n const node = document.createElement(name);\n node.setAttribute('id', `${label}-${getRandomNumber()}`);\n document.body.appendChild(node);\n anchorRef.current = node;\n return node;\n },\n};\n","export const DEFAULT_ANIMATION_DURATION = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR = 'rgba(0, 0, 0, 0.5)';\n","import { type MouseEvent, useCallback } from 'react';\n\nimport cx from 'clsx';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport styles from './Background.module.css';\n\nexport const Background = ({ modalId, onChangeOrder }: ModalLayerProps) => {\n const { BackgroundComponent } = useModalContext();\n const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n const handleClose = useCallback(\n (event: MouseEvent) => {\n if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n event.stopPropagation();\n },\n [modal, onClose],\n );\n\n if (!modal) return null;\n\n const visible = modal.manualDestroy ? modal.alive : modal.visible;\n\n return (\n <div\n className={cx(styles.root, {\n [styles.visible]: visible,\n [styles.active]: modal.closeOnBackdropClick && visible,\n })}\n onClick={handleClose}\n >\n {BackgroundComponent && (\n <BackgroundComponent\n id={modal.id}\n type={modal.type}\n alive={modal.alive}\n visible={modal.visible}\n initiator={modal.initiator}\n manualDestroy={modal.manualDestroy}\n closeOnBackdropClick={modal.closeOnBackdropClick}\n background={modal.background}\n onChange={onChange}\n onConfirm={onConfirm}\n onClose={onClose}\n onDestroy={onDestroy}\n onChangeOrder={onChangeOrder}\n />\n )}\n </div>\n );\n};\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n modal: AlertNode<B>;\n handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n const handleConfirm = useHandle(onConfirm);\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n })\n ))}\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({ onConfirm: handleConfirm })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n confirmLabel={footer?.confirm}\n hideConfirm={footer?.hideConfirm}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n modal: ConfirmNode<B>;\n handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n const handleConfirm = useHandle(onConfirm);\n const handleClose = useHandle(onClose);\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ))}\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n onCancel={handleClose}\n confirmLabel={footer?.confirm}\n cancelLabel={footer?.cancel}\n hideConfirm={footer?.hideConfirm}\n hideCancel={footer?.hideCancel}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n modal: PromptNode<T, B>;\n handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n const {\n Input,\n defaultValue,\n disabled: checkDisabled,\n title,\n subtitle,\n content,\n footer,\n } = useMemo(\n () => ({\n ...modal,\n Input: memo(modal.Input),\n }),\n [modal],\n );\n\n const [value, setValue] = useState<T | undefined>(defaultValue);\n\n const { onChange, onClose, onConfirm } = useMemo(\n () => handlers,\n [handlers],\n );\n\n const handleClose = useHandle(onClose);\n const handleChange = useHandle(\n (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n setValue(input);\n onChange(input);\n },\n );\n\n const handleConfirm = useCallback(() => {\n // NOTE: wait for the next tick to ensure the value is updated\n setTimeout(() => {\n onConfirm();\n });\n }, [onConfirm]);\n\n const disabled = useMemo(\n () => (value ? !!checkDisabled?.(value) : false),\n [checkDisabled, value],\n );\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ))}\n\n {Input && (\n <Input\n defaultValue={defaultValue}\n value={value}\n onChange={handleChange}\n onConfirm={handleConfirm}\n />\n )}\n\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({\n onConfirm: handleConfirm,\n onCancel: handleClose,\n onChange: handleChange,\n value,\n disabled,\n })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n onCancel={handleClose}\n disabled={disabled}\n confirmLabel={footer?.confirm}\n cancelLabel={footer?.cancel}\n hideConfirm={footer?.hideConfirm}\n hideCancel={footer?.hideCancel}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import cx from 'clsx';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport styles from './Foreground.module.css';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const Foreground = ({ modalId, onChangeOrder }: ModalLayerProps) => {\n const { ForegroundComponent } = useModalContext();\n\n const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n if (!modal) return null;\n\n return (\n <div\n className={cx(styles.root, {\n [styles.active]: modal.manualDestroy ? modal.alive : modal.visible,\n })}\n >\n <ForegroundComponent\n id={modal.id}\n type={modal.type}\n alive={modal.alive}\n visible={modal.visible}\n initiator={modal.initiator}\n manualDestroy={modal.manualDestroy}\n closeOnBackdropClick={modal.closeOnBackdropClick}\n background={modal.background}\n onChange={onChange}\n onConfirm={onConfirm}\n onClose={onClose}\n onDestroy={onDestroy}\n onChangeOrder={onChangeOrder}\n >\n {modal.type === 'alert' && (\n <AlertInner modal={modal} handlers={{ onConfirm }} />\n )}\n {modal.type === 'confirm' && (\n <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n )}\n {modal.type === 'prompt' && (\n <PromptInner\n modal={modal}\n handlers={{ onChange, onConfirm, onClose }}\n />\n )}\n </ForegroundComponent>\n </div>\n );\n};\n","import { useOnMount, useTick } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n const [tick, update] = useTick();\n useOnMount(() => {\n if (!modal) return;\n const unsubscribe = modal.subscribe(update);\n return unsubscribe;\n });\n return tick;\n};\n","import { memo, useRef } from 'react';\n\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport styles from './Presenter.module.css';\n\nlet zIndex = 1;\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { modal } = useModal(modalId);\n useSubscribeModal(modal);\n const handleChangeOrder = useHandle(() => {\n if (ref.current) {\n ref.current.style.zIndex = `${zIndex++}`;\n }\n });\n return (\n <div ref={ref} className={styles.modal}>\n <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n </div>\n );\n});\n","import { useMemo } from 'react';\n\nimport { useModalDataContext } from '../providers';\n\nexport const useActiveModalCount = (tick: string | number = 0) => {\n const { modalIds, getModalNode } = useModalDataContext();\n return useMemo(() => {\n let count = 0;\n for (const id of modalIds) {\n if (getModalNode(id)?.visible) count++;\n }\n return count;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [getModalNode, modalIds, tick]);\n};\n","import type { ReactNode } from 'react';\n\nimport type {\n BaseModal,\n ManagedEntity,\n ModalBackground,\n} from '@/promise-modal/types';\n\ntype BaseNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class BaseNode<T, B> {\n readonly id: number;\n readonly initiator: string;\n\n readonly title?: ReactNode;\n readonly subtitle?: ReactNode;\n readonly background?: ModalBackground<B>;\n\n readonly manualDestroy: boolean;\n readonly closeOnBackdropClick: boolean;\n\n #alive: boolean;\n get alive() {\n return this.#alive;\n }\n #visible: boolean;\n get visible() {\n return this.#visible;\n }\n\n #resolve: (result: T | null) => void;\n #listeners: Fn[] = [];\n\n constructor({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy = false,\n closeOnBackdropClick = true,\n resolve,\n }: BaseNodeProps<T, B>) {\n this.id = id;\n this.initiator = initiator;\n this.title = title;\n this.subtitle = subtitle;\n this.background = background;\n this.manualDestroy = manualDestroy;\n this.closeOnBackdropClick = closeOnBackdropClick;\n\n this.#alive = true;\n this.#visible = true;\n this.#resolve = resolve;\n }\n\n subscribe(listener: Fn) {\n this.#listeners.push(listener);\n return () => {\n this.#listeners = this.#listeners.filter((l) => l !== listener);\n };\n }\n publish() {\n for (const listener of this.#listeners) listener();\n }\n protected resolve(result: T | null) {\n this.#resolve(result);\n }\n onDestroy() {\n const needPublish = this.#alive === true;\n this.#alive = false;\n if (this.manualDestroy && needPublish) this.publish();\n }\n onShow() {\n const needPublish = this.#visible === false;\n this.#visible = true;\n if (needPublish) this.publish();\n }\n onHide() {\n const needPublish = this.#visible === true;\n this.#visible = false;\n if (needPublish) this.publish();\n }\n abstract onClose(): void;\n abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n AlertContentProps,\n AlertFooterRender,\n AlertModal,\n FooterOptions,\n ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends BaseNode<null, B> {\n readonly type: 'alert';\n readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n readonly content?: ReactNode | ComponentType<AlertContentProps>;\n readonly footer?:\n | AlertFooterRender\n | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n | false;\n\n constructor({\n id,\n initiator,\n type,\n subtype,\n title,\n subtitle,\n content,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: AlertNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.subtype = subtype;\n this.content = content;\n this.footer = footer;\n }\n onClose() {\n this.resolve(null);\n }\n onConfirm() {\n this.resolve(null);\n }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n ConfirmContentProps,\n ConfirmFooterRender,\n ConfirmModal,\n FooterOptions,\n ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends BaseNode<boolean, B> {\n readonly type: 'confirm';\n readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n constructor({\n id,\n initiator,\n type,\n subtype,\n title,\n subtitle,\n content,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: ConfirmNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.subtype = subtype;\n this.content = content;\n this.footer = footer;\n }\n onClose() {\n this.resolve(false);\n }\n onConfirm() {\n this.resolve(true);\n }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n FooterOptions,\n ManagedEntity,\n PromptContentProps,\n PromptFooterRender,\n PromptInputProps,\n PromptModal,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends BaseNode<T, B> {\n readonly type: 'prompt';\n readonly content?: ReactNode | ComponentType<PromptContentProps>;\n readonly defaultValue: T | undefined;\n readonly Input: (props: PromptInputProps<T>) => ReactNode;\n readonly disabled?: (value: T) => boolean;\n readonly returnOnCancel?: boolean;\n readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n #value: T | undefined;\n\n constructor({\n id,\n initiator,\n type,\n title,\n subtitle,\n content,\n defaultValue,\n Input,\n disabled,\n returnOnCancel,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: PromptNodeProps<T, B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.content = content;\n this.Input = Input;\n this.defaultValue = defaultValue;\n this.#value = defaultValue;\n this.disabled = disabled;\n this.returnOnCancel = returnOnCancel;\n this.footer = footer;\n }\n\n onChange(value: T) {\n this.#value = value;\n }\n onConfirm() {\n this.resolve(this.#value ?? null);\n }\n onClose() {\n if (this.returnOnCancel) this.resolve(this.#value ?? null);\n else this.resolve(null);\n }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n switch (modal.type) {\n case 'alert':\n return new AlertNode<B>(modal);\n case 'confirm':\n return new ConfirmNode<B>(modal);\n case 'prompt':\n return new PromptNode<T, B>(modal);\n }\n // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","const DURATION_REGEX = /^\\s*(\\d+)\\s*(ms|s|m|h)\\s*$/;\n\nexport const getMillisecondsFromDuration = (input: string) => {\n const [, durationString, unit] = input.match(DURATION_REGEX) || [];\n if (!durationString || !unit) return 0;\n const duration = parseInt(durationString);\n if (unit === 'ms') return duration;\n if (unit === 's') return duration * 1000;\n if (unit === 'm') return duration * 60 * 1000;\n if (unit === 'h') return duration * 60 * 60 * 1000;\n else return 0;\n};\n","import { createContext } from 'react';\n\nimport { undefinedFunction } from '@winglet/common-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalDataContextProps extends ModalHandlersWithId {\n modalIds: ModalNode['id'][];\n getModal: Fn<[id: ModalNode['id']], ModalActions>;\n getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalDataContext = createContext<ModalDataContextProps>({\n modalIds: [],\n getModalNode: undefinedFunction,\n onChange: undefinedFunction,\n onConfirm: undefinedFunction,\n onClose: undefinedFunction,\n onDestroy: undefinedFunction,\n setUpdater: undefinedFunction,\n getModal: () => ({\n modal: undefined,\n onConfirm: undefinedFunction,\n onClose: undefinedFunction,\n onChange: undefinedFunction,\n onDestroy: undefinedFunction,\n }),\n});\n","import {\n type PropsWithChildren,\n memo,\n useCallback,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\nimport { useModalOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalDataContext } from './ModalDataContext';\n\ninterface ModalDataContextProviderProps {\n pathname: string;\n}\n\nexport const ModalDataContextProvider = memo(\n ({\n pathname,\n children,\n }: PropsWithChildren<ModalDataContextProviderProps>) => {\n const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n const modalIdsRef = useReference(modalIds);\n\n const initiator = useRef(pathname);\n const modalIdSequence = useRef(0);\n\n const options = useModalOptions();\n\n const duration = useMemo(\n () => getMillisecondsFromDuration(options.duration),\n [options],\n );\n\n useOnMountLayout(() => {\n const { manualDestroy, closeOnBackdropClick } = options;\n\n for (const data of ModalManager.prerender) {\n const modal = nodeFactory({\n ...data,\n id: modalIdSequence.current++,\n initiator: initiator.current,\n manualDestroy:\n data.manualDestroy !== undefined\n ? data.manualDestroy\n : manualDestroy,\n closeOnBackdropClick:\n data.closeOnBackdropClick !== undefined\n ? data.closeOnBackdropClick\n : closeOnBackdropClick,\n });\n modalDictionary.current.set(modal.id, modal);\n setModalIds((ids) => [...ids, modal.id]);\n }\n\n ModalManager.setupOpen((data: Modal) => {\n const modal = nodeFactory({\n ...data,\n id: modalIdSequence.current++,\n initiator: initiator.current,\n manualDestroy:\n data.manualDestroy !== undefined\n ? data.manualDestroy\n : manualDestroy,\n closeOnBackdropClick:\n data.closeOnBackdropClick !== undefined\n ? data.closeOnBackdropClick\n : closeOnBackdropClick,\n });\n modalDictionary.current.set(modal.id, modal);\n setModalIds((ids) => {\n const aliveIds = ids.filter((id) => {\n const destroyed = !modalDictionary.current.get(id)?.alive;\n if (destroyed) modalDictionary.current.delete(id);\n return !destroyed;\n });\n return [...aliveIds, modal.id];\n });\n });\n ModalManager.clearPrerender();\n });\n\n useLayoutEffect(() => {\n for (const id of modalIdsRef.current) {\n const modal = modalDictionary.current.get(id);\n if (!modal?.alive) continue;\n if (modal.initiator === pathname) modal.onShow();\n else modal.onHide();\n }\n initiator.current = pathname;\n }, [modalIdsRef, pathname]);\n\n const getModalNode = useCallback((modalId: ModalNode['id']) => {\n return modalDictionary.current.get(modalId);\n }, []);\n\n const onDestroy = useCallback((modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onDestroy();\n updaterRef.current?.();\n }, []);\n\n const updaterRef = useRef<Fn>();\n const hideModal = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onHide();\n updaterRef.current?.();\n if (!modal.manualDestroy)\n setTimeout(() => {\n modal.onDestroy();\n }, duration);\n },\n [duration],\n );\n\n const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n if (modal.type === 'prompt') modal.onChange(value);\n }, []);\n\n const onConfirm = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onConfirm();\n hideModal(modalId);\n },\n [hideModal],\n );\n\n const onClose = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onClose();\n hideModal(modalId);\n },\n [hideModal],\n );\n\n const getModal = useCallback(\n (modalId: ModalNode['id']) => ({\n modal: getModalNode(modalId),\n onConfirm: () => onConfirm(modalId),\n onClose: () => onClose(modalId),\n onChange: (value: any) => onChange(modalId, value),\n onDestroy: () => onDestroy(modalId),\n }),\n [getModalNode, onConfirm, onClose, onChange, onDestroy],\n );\n\n const value = useMemo(() => {\n return {\n modalIds,\n getModalNode,\n onChange,\n onConfirm,\n onClose,\n onDestroy,\n getModal,\n setUpdater: (updater: Fn) => {\n updaterRef.current = updater;\n },\n };\n }, [\n modalIds,\n getModal,\n getModalNode,\n onChange,\n onConfirm,\n onClose,\n onDestroy,\n ]);\n\n return (\n <ModalDataContext.Provider value={value}>\n {children}\n </ModalDataContext.Provider>\n );\n },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalDataContext } from './ModalDataContext';\n\nexport const useModalDataContext = () => useContext(ModalDataContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n const { getModal } = useModalDataContext();\n return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { memo, useEffect } from 'react';\n\nimport { useTick } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport { useModalContext } from '@/promise-modal/providers';\nimport { useModalDataContext } from '@/promise-modal/providers/ModalDataContext';\n\nimport styles from './Anchor.module.css';\n\nexport const Anchor = memo(() => {\n const [key, update] = useTick();\n\n const { modalIds, setUpdater } = useModalDataContext();\n\n useEffect(() => {\n setUpdater(update);\n }, [setUpdater, update]);\n\n const { options } = useModalContext();\n\n const dimmed = useActiveModalCount(key);\n\n return (\n <div\n className={styles.root}\n style={{\n transitionDuration: options.duration,\n backgroundColor: dimmed ? options.backdrop : 'transparent',\n }}\n >\n {modalIds.map((id) => {\n return <Presenter key={id} modalId={id} />;\n })}\n </div>\n );\n});\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n return <h2 className={styles.fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n return <h3 className={styles.fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n return <div className={styles.fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n confirmLabel,\n hideConfirm = false,\n cancelLabel,\n hideCancel = false,\n disabled,\n onConfirm,\n onCancel,\n}: FooterComponentProps) => {\n return (\n <div>\n {!hideConfirm && (\n <button onClick={onConfirm} disabled={disabled}>\n {confirmLabel || '확인'}\n </button>\n )}\n\n {!hideCancel && typeof onCancel === 'function' && (\n <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n )}\n </div>\n );\n};\n","import {\n type ForwardedRef,\n type PropsWithChildren,\n forwardRef,\n useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport styles from './styles.module.css';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n (\n { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n ref: ForwardedRef<HTMLDivElement>,\n ) => {\n const activeCount = useActiveModalCount();\n const [level, offset] = useMemo(() => {\n const stacked = activeCount > 1;\n const level = stacked\n ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n : 0;\n const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n return [level, offset];\n }, [activeCount, id]);\n\n return (\n <div\n ref={ref}\n className={styles.frame}\n onClick={onChangeOrder}\n style={{\n marginBottom: `calc(25vh + ${level}px)`,\n marginLeft: `${level}px`,\n transform: `translate(${offset}px, ${offset}px)`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n const [pathname, setPathname] = useState(window.location.pathname);\n\n useLayoutEffect(() => {\n let requestId: number;\n\n const checkPathname = () => {\n if (requestId) cancelAnimationFrame(requestId);\n if (pathname !== window.location.pathname) {\n setPathname(window.location.pathname);\n } else {\n requestId = requestAnimationFrame(checkPathname);\n }\n };\n\n requestId = requestAnimationFrame(checkPathname);\n\n return () => {\n if (requestId) cancelAnimationFrame(requestId);\n };\n }, [pathname]);\n\n return { pathname };\n};\n","import {\n type ComponentType,\n type PropsWithChildren,\n createContext,\n} from 'react';\n\nimport {\n DEFAULT_ANIMATION_DURATION,\n DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n FallbackContent,\n FallbackFooter,\n FallbackForegroundFrame,\n FallbackSubtitle,\n FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport { FooterComponentProps, ModalFrameProps } from '@/promise-modal/types';\n\nexport interface ModalContextProps {\n ForegroundComponent: ComponentType<PropsWithChildren<ModalFrameProps>>;\n BackgroundComponent?: ComponentType<ModalFrameProps>;\n TitleComponent: ComponentType<PropsWithChildren>;\n SubtitleComponent: ComponentType<PropsWithChildren>;\n ContentComponent: ComponentType<PropsWithChildren>;\n FooterComponent: ComponentType<FooterComponentProps>;\n options: {\n duration: Duration;\n backdrop: Color;\n manualDestroy: boolean;\n closeOnBackdropClick: boolean;\n };\n}\n\nexport const ModalContext = createContext<ModalContextProps>({\n ForegroundComponent: FallbackForegroundFrame,\n TitleComponent: FallbackTitle,\n SubtitleComponent: FallbackSubtitle,\n ContentComponent: FallbackContent,\n FooterComponent: FallbackFooter,\n options: {\n duration: DEFAULT_ANIMATION_DURATION,\n backdrop: DEFAULT_BACKDROP_COLOR,\n manualDestroy: false,\n closeOnBackdropClick: true,\n },\n});\n","import {\n type ComponentType,\n type PropsWithChildren,\n memo,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport { useOnMount, useTick } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport {\n DEFAULT_ANIMATION_DURATION,\n DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n FallbackContent,\n FallbackFooter,\n FallbackForegroundFrame,\n FallbackSubtitle,\n FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\nimport type {\n FooterComponentProps,\n ModalFrameProps,\n} from '@/promise-modal/types';\n\nimport { ModalDataContextProvider } from '../ModalDataContext';\nimport { ModalContext } from './ModalContext';\n\ninterface ModalContextProviderProps {\n BackgroundComponent?: ComponentType<ModalFrameProps>;\n ForegroundComponent?: ComponentType<ModalFrameProps>;\n TitleComponent?: ComponentType<PropsWithChildren>;\n SubtitleComponent?: ComponentType<PropsWithChildren>;\n ContentComponent?: ComponentType<PropsWithChildren>;\n FooterComponent?: ComponentType<FooterComponentProps>;\n options?: {\n /** Modal transition time(ms, s) */\n duration?: Duration;\n /** Modal backdrop color */\n backdrop?: Color;\n /** Whether to destroy the modal manually */\n manualDestroy?: boolean;\n /** Whether to close the modal when the backdrop is clicked */\n closeOnBackdropClick?: boolean;\n };\n usePathname?: () => { pathname: string };\n}\n\nexport const ModalContextProvider = memo(\n ({\n ForegroundComponent,\n BackgroundComponent,\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n options,\n usePathname,\n children,\n }: PropsWithChildren<ModalContextProviderProps>) => {\n const { pathname } = (usePathname || useDefaultPathname)();\n const [, update] = useTick();\n const portalRef = useRef<HTMLElement | null>(null);\n\n useOnMount(() => {\n portalRef.current = ModalManager.anchor('div');\n update();\n return () => {\n if (portalRef.current) {\n portalRef.current.remove();\n }\n };\n });\n\n const value = useMemo(\n () => ({\n BackgroundComponent,\n ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n TitleComponent: TitleComponent || FallbackTitle,\n SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n ContentComponent: memo(ContentComponent || FallbackContent),\n FooterComponent: memo(FooterComponent || FallbackFooter),\n options: {\n duration: DEFAULT_ANIMATION_DURATION,\n backdrop: DEFAULT_BACKDROP_COLOR,\n closeOnBackdropClick: true,\n manualDestroy: false,\n ...options,\n } satisfies ModalContextProviderProps['options'],\n }),\n [\n ForegroundComponent,\n BackgroundComponent,\n ContentComponent,\n FooterComponent,\n SubtitleComponent,\n TitleComponent,\n options,\n ],\n );\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {portalRef.current &&\n createPortal(\n <ModalDataContextProvider pathname={pathname}>\n <Anchor />\n </ModalDataContextProvider>,\n portalRef.current,\n )}\n </ModalContext.Provider>\n );\n },\n);\n","import { useContext } from 'react';\n\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\n\nimport { ModalContext } from './ModalContext';\n\nexport const useModalContext = () => useContext(ModalContext);\n\nexport const useModalOptions = () => {\n const { options } = useContext(ModalContext);\n return options;\n};\n\nexport const useModalDuration = () => {\n const { duration } = useModalOptions();\n return { duration, milliseconds: getMillisecondsFromDuration(duration) };\n};\n\nexport const useModalBackdrop = () => {\n const { backdrop } = useModalOptions();\n return backdrop;\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n AlertContentProps,\n AlertFooterRender,\n FooterOptions,\n ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n subtype?: 'info' | 'success' | 'warning' | 'error';\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<AlertContentProps>;\n background?: ModalBackground<B>;\n footer?:\n | AlertFooterRender\n | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n | false;\n manualDestroy?: boolean;\n closeOnBackdropClick?: boolean;\n}\n\nexport const alert = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: AlertProps<B>) => {\n return new Promise<void>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'alert',\n subtype,\n resolve: () => resolve(),\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n ConfirmContentProps,\n ConfirmFooterRender,\n FooterOptions,\n ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n subtype?: 'info' | 'success' | 'warning' | 'error';\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<ConfirmContentProps>;\n background?: ModalBackground<B>;\n footer?: ConfirmFooterRender | FooterOptions | false;\n closeOnBackdropClick?: boolean;\n manualDestroy?: boolean;\n}\n\nexport const confirm = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: ConfirmProps<B>) => {\n return new Promise<boolean>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'confirm',\n subtype,\n resolve: (result) => resolve(result ?? false),\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n FooterOptions,\n ModalBackground,\n PromptContentProps,\n PromptFooterRender,\n PromptInputProps,\n} from '@/promise-modal/types';\n\nimport { ModalManager } from '../../app/ModalManager';\n\ninterface PromptProps<T, B = any> {\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<PromptContentProps>;\n Input: (props: PromptInputProps<T>) => ReactNode;\n defaultValue?: T;\n disabled?: (value: T) => boolean;\n returnOnCancel?: boolean;\n background?: ModalBackground<B>;\n footer?: PromptFooterRender<T> | FooterOptions | false;\n manualDestroy?: boolean;\n closeOnBackdropClick?: boolean;\n}\n\nexport const prompt = <T, B = any>({\n defaultValue,\n title,\n subtitle,\n content,\n Input,\n disabled,\n returnOnCancel,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: PromptProps<T, B>) => {\n return new Promise<T>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'prompt',\n resolve: (result) => resolve(result as T),\n title,\n subtitle,\n content,\n Input: ({ defaultValue, onChange, onConfirm }: PromptInputProps<T>) =>\n Input({\n defaultValue,\n onChange,\n onConfirm,\n }),\n defaultValue,\n disabled,\n returnOnCancel,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import { useEffect, useRef } from 'react';\n\nimport { isString } from '@winglet/common-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\n\nimport { useModal } from '../providers';\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n modalId: ModalNode['id'],\n duration: Duration | number,\n) => {\n const { modal, onDestroy } = useModal(modalId);\n const tick = useSubscribeModal(modal);\n\n const reference = useRef({\n modal,\n onDestroy,\n milliseconds: isString(duration)\n ? getMillisecondsFromDuration(duration)\n : duration,\n });\n\n useEffect(() => {\n const { modal, onDestroy, milliseconds } = reference.current;\n if (!modal || modal.visible || !modal.alive) return;\n const timer = setTimeout(() => {\n onDestroy();\n }, milliseconds);\n return () => {\n if (timer) clearTimeout(timer);\n };\n }, [tick]);\n};\n"],"names":["SuppressedError","v","e","r","t","current","E","n","k","useEffect","N","c","useState","P","s","isValidElement","prototype","isReactComponent","u","$$typeof","Symbol","for","h","a","p","i","y","$","prerenderListRef","openModalRef","modal","push","anchorRef","ModalManager","prerender","clearPrerender","open","setupOpen","anchor","name","label","document","getElementById","id","node","createElement","setAttribute","Math","random","slice","body","appendChild","DEFAULT_ANIMATION_DURATION","DEFAULT_BACKDROP_COLOR","Background","modalId","onChangeOrder","BackgroundComponent","useModalContext","onClose","onChange","onConfirm","onDestroy","useModal","handleClose","useCallback","event","closeOnBackdropClick","visible","stopPropagation","manualDestroy","alive","_jsx","className","cx","styles$4_visible","styles","styles$4_active","onClick","children","type","initiator","background","AlertInner","memo","handlers","title","subtitle","content","footer","useMemo","handleConfirm","useHandle","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","_jsxs","Fragment","isString","jsx","renderComponent","confirmLabel","confirm","hideConfirm","ConfirmInner","onCancel","cancelLabel","cancel","hideCancel","PromptInner","Input","defaultValue","disabled","checkDisabled","value","setValue","handleChange","inputValue","input","setTimeout","Foreground","ForegroundComponent","styles$3_active","useSubscribeModal","tick","update","useTick","useOnMount","subscribe","zIndex","Presenter","ref","useRef","handleChangeOrder","style","useActiveModalCount","modalIds","getModalNode","useModalDataContext","count","BaseNode","__classPrivateFieldGet","this","_BaseNode_alive","_BaseNode_visible","constructor","resolve","Object","defineProperty","set","_BaseNode_resolve","_BaseNode_listeners","__classPrivateFieldSet","listener","filter","l","publish","result","call","needPublish","onShow","onHide","AlertNode","subtype","super","ConfirmNode","PromptNode","returnOnCancel","_PromptNode_value","nodeFactory","Error","DURATION_REGEX","getMillisecondsFromDuration","durationString","unit","match","duration","parseInt","ModalDataContext","createContext","undefinedFunction","setUpdater","getModal","undefined","ModalDataContextProvider","pathname","modalDictionary","Map","setModalIds","modalIdsRef","useReference","modalIdSequence","options","useModalOptions","data","ids","destroyed","get","delete","useLayoutEffect","updaterRef","hideModal","updater","Provider","useContext","Anchor","key","dimmed","transitionDuration","backgroundColor","backdrop","map","FallbackTitle","FallbackSubtitle","FallbackContent","FallbackFooter","FallbackForegroundFrame","forwardRef","activeCount","level","offset","stacked","floor","marginBottom","marginLeft","transform","usePathname","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","ModalContext","ModalContextProvider","useDefaultPathname","portalRef","remove","jsxs","createPortal","Promise","reject","error","reference","milliseconds","timer","clearTimeout"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs.js","sources":["../src/app/ModalManager.ts","../src/app/constant.ts","../src/components/Background/Background.tsx","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/Presenter.tsx","../src/hooks/useActiveModalCount.ts","../src/core/node/ModalNode/AbstractBaseNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/helpers/getMillisecondsFromDuration.ts","../src/providers/ModalDataContext/ModalDataContext.ts","../src/providers/ModalDataContext/ModalDataContextProvider.tsx","../src/providers/ModalDataContext/useModalDataContext.ts","../src/components/Anchor/Anchor.tsx","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/hooks/useDefaultPathname.ts","../src/providers/ModalContext/ModalContext.ts","../src/providers/ModalContext/ModalContextProvider.tsx","../src/providers/ModalContext/useModalContext.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/hooks/useDestroyAfter.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nimport { getRandomNumber } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/types';\n\nimport type { Modal } from '@/promise-modal/types';\n\nconst prerenderListRef: MutableRefObject<Modal[]> = {\n current: [],\n};\n\nconst openModalRef: MutableRefObject<Fn<[Modal], void>> = {\n current: (modal: Modal) => {\n prerenderListRef.current.push(modal);\n },\n};\n\nconst anchorRef: MutableRefObject<HTMLElement | null> = {\n current: null,\n};\n\nexport const ModalManager = {\n get prerender() {\n return prerenderListRef.current;\n },\n clearPrerender() {\n prerenderListRef.current = [];\n },\n open(modal: Modal) {\n openModalRef.current(modal);\n },\n setupOpen(open: (modal: Modal) => void) {\n openModalRef.current = open;\n },\n anchor(name: string, label = 'modal-anchor'): HTMLElement {\n if (anchorRef.current) {\n const anchor = document.getElementById(anchorRef.current.id);\n if (anchor) return anchor;\n }\n const node = document.createElement(name);\n node.setAttribute('id', `${label}-${getRandomNumber()}`);\n document.body.appendChild(node);\n anchorRef.current = node;\n return node;\n },\n};\n","import type { Color, Duration } from '@aileron/types';\n\nexport const DEFAULT_ANIMATION_DURATION: Duration = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR: Color = 'rgba(0, 0, 0, 0.5)';\n","import { type MouseEvent, useCallback } from 'react';\n\nimport cx from 'clsx';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport styles from './Background.module.css';\n\nexport const Background = ({ modalId, onChangeOrder }: ModalLayerProps) => {\n const { BackgroundComponent } = useModalContext();\n const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n const handleClose = useCallback(\n (event: MouseEvent) => {\n if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n event.stopPropagation();\n },\n [modal, onClose],\n );\n\n if (!modal) return null;\n\n const visible = modal.manualDestroy ? modal.alive : modal.visible;\n\n return (\n <div\n className={cx(styles.root, {\n [styles.visible]: visible,\n [styles.active]: modal.closeOnBackdropClick && visible,\n })}\n onClick={handleClose}\n >\n {BackgroundComponent && (\n <BackgroundComponent\n id={modal.id}\n type={modal.type}\n alive={modal.alive}\n visible={modal.visible}\n initiator={modal.initiator}\n manualDestroy={modal.manualDestroy}\n closeOnBackdropClick={modal.closeOnBackdropClick}\n background={modal.background}\n onChange={onChange}\n onConfirm={onConfirm}\n onClose={onClose}\n onDestroy={onDestroy}\n onChangeOrder={onChangeOrder}\n />\n )}\n </div>\n );\n};\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n modal: AlertNode<B>;\n handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n const handleConfirm = useHandle(onConfirm);\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n })\n ))}\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({ onConfirm: handleConfirm })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n confirmLabel={footer?.confirm}\n hideConfirm={footer?.hideConfirm}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n modal: ConfirmNode<B>;\n handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n const handleConfirm = useHandle(onConfirm);\n const handleClose = useHandle(onClose);\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ))}\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n onCancel={handleClose}\n confirmLabel={footer?.confirm}\n cancelLabel={footer?.cancel}\n hideConfirm={footer?.hideConfirm}\n hideCancel={footer?.hideCancel}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport { useModalContext } from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n modal: PromptNode<T, B>;\n handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n const {\n Input,\n defaultValue,\n disabled: checkDisabled,\n title,\n subtitle,\n content,\n footer,\n } = useMemo(\n () => ({\n ...modal,\n Input: memo(modal.Input),\n }),\n [modal],\n );\n\n const [value, setValue] = useState<T | undefined>(defaultValue);\n\n const { onChange, onClose, onConfirm } = useMemo(\n () => handlers,\n [handlers],\n );\n\n const handleClose = useHandle(onClose);\n const handleChange = useHandle(\n (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n setValue(input);\n onChange(input);\n },\n );\n\n const handleConfirm = useCallback(() => {\n // NOTE: wait for the next tick to ensure the value is updated\n setTimeout(() => {\n onConfirm();\n });\n }, [onConfirm]);\n\n const disabled = useMemo(\n () => (value ? !!checkDisabled?.(value) : false),\n [checkDisabled, value],\n );\n\n const {\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n } = useModalContext();\n\n return (\n <Fragment>\n {title &&\n (isString(title) ? <TitleComponent>{title}</TitleComponent> : title)}\n {subtitle &&\n (isString(subtitle) ? (\n <SubtitleComponent>{subtitle}</SubtitleComponent>\n ) : (\n subtitle\n ))}\n {content &&\n (isString(content) ? (\n <ContentComponent>{content}</ContentComponent>\n ) : (\n renderComponent(content, {\n onConfirm: handleConfirm,\n onCancel: handleClose,\n })\n ))}\n\n {Input && (\n <Input\n defaultValue={defaultValue}\n value={value}\n onChange={handleChange}\n onConfirm={handleConfirm}\n />\n )}\n\n {footer !== false &&\n (typeof footer === 'function' ? (\n footer({\n onConfirm: handleConfirm,\n onCancel: handleClose,\n onChange: handleChange,\n value,\n disabled,\n })\n ) : (\n <FooterComponent\n onConfirm={handleConfirm}\n onCancel={handleClose}\n disabled={disabled}\n confirmLabel={footer?.confirm}\n cancelLabel={footer?.cancel}\n hideConfirm={footer?.hideConfirm}\n hideCancel={footer?.hideCancel}\n />\n ))}\n </Fragment>\n );\n },\n);\n","import cx from 'clsx';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport styles from './Foreground.module.css';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const Foreground = ({ modalId, onChangeOrder }: ModalLayerProps) => {\n const { ForegroundComponent } = useModalContext();\n\n const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n if (!modal) return null;\n\n return (\n <div\n className={cx(styles.root, {\n [styles.active]: modal.manualDestroy ? modal.alive : modal.visible,\n })}\n >\n <ForegroundComponent\n id={modal.id}\n type={modal.type}\n alive={modal.alive}\n visible={modal.visible}\n initiator={modal.initiator}\n manualDestroy={modal.manualDestroy}\n closeOnBackdropClick={modal.closeOnBackdropClick}\n background={modal.background}\n onChange={onChange}\n onConfirm={onConfirm}\n onClose={onClose}\n onDestroy={onDestroy}\n onChangeOrder={onChangeOrder}\n >\n {modal.type === 'alert' && (\n <AlertInner modal={modal} handlers={{ onConfirm }} />\n )}\n {modal.type === 'confirm' && (\n <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n )}\n {modal.type === 'prompt' && (\n <PromptInner\n modal={modal}\n handlers={{ onChange, onConfirm, onClose }}\n />\n )}\n </ForegroundComponent>\n </div>\n );\n};\n","import { useOnMount, useTick } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n const [tick, update] = useTick();\n useOnMount(() => {\n if (!modal) return;\n const unsubscribe = modal.subscribe(update);\n return unsubscribe;\n });\n return tick;\n};\n","import { memo, useRef } from 'react';\n\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport styles from './Presenter.module.css';\n\nlet zIndex = 1;\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { modal } = useModal(modalId);\n useSubscribeModal(modal);\n const handleChangeOrder = useHandle(() => {\n if (ref.current) {\n ref.current.style.zIndex = `${zIndex++}`;\n }\n });\n return (\n <div ref={ref} className={styles.modal}>\n <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n </div>\n );\n});\n","import { useMemo } from 'react';\n\nimport { useModalDataContext } from '../providers';\n\nexport const useActiveModalCount = (tick: string | number = 0) => {\n const { modalIds, getModalNode } = useModalDataContext();\n return useMemo(() => {\n let count = 0;\n for (const id of modalIds) {\n if (getModalNode(id)?.visible) count++;\n }\n return count;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [getModalNode, modalIds, tick]);\n};\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/types';\n\nimport type {\n BaseModal,\n ManagedEntity,\n ModalBackground,\n} from '@/promise-modal/types';\n\ntype BaseNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class BaseNode<T, B> {\n readonly id: number;\n readonly initiator: string;\n\n readonly title?: ReactNode;\n readonly subtitle?: ReactNode;\n readonly background?: ModalBackground<B>;\n\n readonly manualDestroy: boolean;\n readonly closeOnBackdropClick: boolean;\n\n #alive: boolean;\n get alive() {\n return this.#alive;\n }\n #visible: boolean;\n get visible() {\n return this.#visible;\n }\n\n #resolve: (result: T | null) => void;\n #listeners: Fn[] = [];\n\n constructor({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy = false,\n closeOnBackdropClick = true,\n resolve,\n }: BaseNodeProps<T, B>) {\n this.id = id;\n this.initiator = initiator;\n this.title = title;\n this.subtitle = subtitle;\n this.background = background;\n this.manualDestroy = manualDestroy;\n this.closeOnBackdropClick = closeOnBackdropClick;\n\n this.#alive = true;\n this.#visible = true;\n this.#resolve = resolve;\n }\n\n subscribe(listener: Fn) {\n this.#listeners.push(listener);\n return () => {\n this.#listeners = this.#listeners.filter((l) => l !== listener);\n };\n }\n publish() {\n for (const listener of this.#listeners) listener();\n }\n protected resolve(result: T | null) {\n this.#resolve(result);\n }\n onDestroy() {\n const needPublish = this.#alive === true;\n this.#alive = false;\n if (this.manualDestroy && needPublish) this.publish();\n }\n onShow() {\n const needPublish = this.#visible === false;\n this.#visible = true;\n if (needPublish) this.publish();\n }\n onHide() {\n const needPublish = this.#visible === true;\n this.#visible = false;\n if (needPublish) this.publish();\n }\n abstract onClose(): void;\n abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n AlertContentProps,\n AlertFooterRender,\n AlertModal,\n FooterOptions,\n ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends BaseNode<null, B> {\n readonly type: 'alert';\n readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n readonly content?: ReactNode | ComponentType<AlertContentProps>;\n readonly footer?:\n | AlertFooterRender\n | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n | false;\n\n constructor({\n id,\n initiator,\n type,\n subtype,\n title,\n subtitle,\n content,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: AlertNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.subtype = subtype;\n this.content = content;\n this.footer = footer;\n }\n onClose() {\n this.resolve(null);\n }\n onConfirm() {\n this.resolve(null);\n }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n ConfirmContentProps,\n ConfirmFooterRender,\n ConfirmModal,\n FooterOptions,\n ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends BaseNode<boolean, B> {\n readonly type: 'confirm';\n readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n constructor({\n id,\n initiator,\n type,\n subtype,\n title,\n subtitle,\n content,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: ConfirmNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.subtype = subtype;\n this.content = content;\n this.footer = footer;\n }\n onClose() {\n this.resolve(false);\n }\n onConfirm() {\n this.resolve(true);\n }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n FooterOptions,\n ManagedEntity,\n PromptContentProps,\n PromptFooterRender,\n PromptInputProps,\n PromptModal,\n} from '@/promise-modal/types';\n\nimport { BaseNode } from './AbstractBaseNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends BaseNode<T, B> {\n readonly type: 'prompt';\n readonly content?: ReactNode | ComponentType<PromptContentProps>;\n readonly defaultValue: T | undefined;\n readonly Input: (props: PromptInputProps<T>) => ReactNode;\n readonly disabled?: (value: T) => boolean;\n readonly returnOnCancel?: boolean;\n readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n #value: T | undefined;\n\n constructor({\n id,\n initiator,\n type,\n title,\n subtitle,\n content,\n defaultValue,\n Input,\n disabled,\n returnOnCancel,\n footer,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n }: PromptNodeProps<T, B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n });\n this.type = type;\n this.content = content;\n this.Input = Input;\n this.defaultValue = defaultValue;\n this.#value = defaultValue;\n this.disabled = disabled;\n this.returnOnCancel = returnOnCancel;\n this.footer = footer;\n }\n\n onChange(value: T) {\n this.#value = value;\n }\n onConfirm() {\n this.resolve(this.#value ?? null);\n }\n onClose() {\n if (this.returnOnCancel) this.resolve(this.#value ?? null);\n else this.resolve(null);\n }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n switch (modal.type) {\n case 'alert':\n return new AlertNode<B>(modal);\n case 'confirm':\n return new ConfirmNode<B>(modal);\n case 'prompt':\n return new PromptNode<T, B>(modal);\n }\n // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","const DURATION_REGEX = /^\\s*(\\d+)\\s*(ms|s|m|h)\\s*$/;\n\nexport const getMillisecondsFromDuration = (input: string) => {\n const [, durationString, unit] = input.match(DURATION_REGEX) || [];\n if (!durationString || !unit) return 0;\n const duration = parseInt(durationString);\n if (unit === 'ms') return duration;\n if (unit === 's') return duration * 1000;\n if (unit === 'm') return duration * 60 * 1000;\n if (unit === 'h') return duration * 60 * 60 * 1000;\n else return 0;\n};\n","import { createContext } from 'react';\n\nimport { undefinedFunction } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/types';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalDataContextProps extends ModalHandlersWithId {\n modalIds: ModalNode['id'][];\n getModal: Fn<[id: ModalNode['id']], ModalActions>;\n getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalDataContext = createContext<ModalDataContextProps>({\n modalIds: [],\n getModalNode: undefinedFunction,\n onChange: undefinedFunction,\n onConfirm: undefinedFunction,\n onClose: undefinedFunction,\n onDestroy: undefinedFunction,\n setUpdater: undefinedFunction,\n getModal: () => ({\n modal: undefined,\n onConfirm: undefinedFunction,\n onClose: undefinedFunction,\n onChange: undefinedFunction,\n onDestroy: undefinedFunction,\n }),\n});\n","import {\n type PropsWithChildren,\n memo,\n useCallback,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport type { Fn } from '@aileron/types';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\nimport { useModalOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalDataContext } from './ModalDataContext';\n\ninterface ModalDataContextProviderProps {\n pathname: string;\n}\n\nexport const ModalDataContextProvider = memo(\n ({\n pathname,\n children,\n }: PropsWithChildren<ModalDataContextProviderProps>) => {\n const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n const modalIdsRef = useReference(modalIds);\n\n const initiator = useRef(pathname);\n const modalIdSequence = useRef(0);\n\n const options = useModalOptions();\n\n const duration = useMemo(\n () => getMillisecondsFromDuration(options.duration),\n [options],\n );\n\n useOnMountLayout(() => {\n const { manualDestroy, closeOnBackdropClick } = options;\n\n for (const data of ModalManager.prerender) {\n const modal = nodeFactory({\n ...data,\n id: modalIdSequence.current++,\n initiator: initiator.current,\n manualDestroy:\n data.manualDestroy !== undefined\n ? data.manualDestroy\n : manualDestroy,\n closeOnBackdropClick:\n data.closeOnBackdropClick !== undefined\n ? data.closeOnBackdropClick\n : closeOnBackdropClick,\n });\n modalDictionary.current.set(modal.id, modal);\n setModalIds((ids) => [...ids, modal.id]);\n }\n\n ModalManager.setupOpen((data: Modal) => {\n const modal = nodeFactory({\n ...data,\n id: modalIdSequence.current++,\n initiator: initiator.current,\n manualDestroy:\n data.manualDestroy !== undefined\n ? data.manualDestroy\n : manualDestroy,\n closeOnBackdropClick:\n data.closeOnBackdropClick !== undefined\n ? data.closeOnBackdropClick\n : closeOnBackdropClick,\n });\n modalDictionary.current.set(modal.id, modal);\n setModalIds((ids) => {\n const aliveIds = ids.filter((id) => {\n const destroyed = !modalDictionary.current.get(id)?.alive;\n if (destroyed) modalDictionary.current.delete(id);\n return !destroyed;\n });\n return [...aliveIds, modal.id];\n });\n });\n ModalManager.clearPrerender();\n });\n\n useLayoutEffect(() => {\n for (const id of modalIdsRef.current) {\n const modal = modalDictionary.current.get(id);\n if (!modal?.alive) continue;\n if (modal.initiator === pathname) modal.onShow();\n else modal.onHide();\n }\n initiator.current = pathname;\n }, [modalIdsRef, pathname]);\n\n const getModalNode = useCallback((modalId: ModalNode['id']) => {\n return modalDictionary.current.get(modalId);\n }, []);\n\n const onDestroy = useCallback((modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onDestroy();\n updaterRef.current?.();\n }, []);\n\n const updaterRef = useRef<Fn>();\n const hideModal = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onHide();\n updaterRef.current?.();\n if (!modal.manualDestroy)\n setTimeout(() => {\n modal.onDestroy();\n }, duration);\n },\n [duration],\n );\n\n const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n if (modal.type === 'prompt') modal.onChange(value);\n }, []);\n\n const onConfirm = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onConfirm();\n hideModal(modalId);\n },\n [hideModal],\n );\n\n const onClose = useCallback(\n (modalId: ModalNode['id']) => {\n const modal = modalDictionary.current.get(modalId);\n if (!modal) return;\n modal.onClose();\n hideModal(modalId);\n },\n [hideModal],\n );\n\n const getModal = useCallback(\n (modalId: ModalNode['id']) => ({\n modal: getModalNode(modalId),\n onConfirm: () => onConfirm(modalId),\n onClose: () => onClose(modalId),\n onChange: (value: any) => onChange(modalId, value),\n onDestroy: () => onDestroy(modalId),\n }),\n [getModalNode, onConfirm, onClose, onChange, onDestroy],\n );\n\n const value = useMemo(() => {\n return {\n modalIds,\n getModalNode,\n onChange,\n onConfirm,\n onClose,\n onDestroy,\n getModal,\n setUpdater: (updater: Fn) => {\n updaterRef.current = updater;\n },\n };\n }, [\n modalIds,\n getModal,\n getModalNode,\n onChange,\n onConfirm,\n onClose,\n onDestroy,\n ]);\n\n return (\n <ModalDataContext.Provider value={value}>\n {children}\n </ModalDataContext.Provider>\n );\n },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalDataContext } from './ModalDataContext';\n\nexport const useModalDataContext = () => useContext(ModalDataContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n const { getModal } = useModalDataContext();\n return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { memo, useEffect } from 'react';\n\nimport { useTick } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport { useModalContext } from '@/promise-modal/providers';\nimport { useModalDataContext } from '@/promise-modal/providers/ModalDataContext';\n\nimport styles from './Anchor.module.css';\n\nexport const Anchor = memo(() => {\n const [key, update] = useTick();\n\n const { modalIds, setUpdater } = useModalDataContext();\n\n useEffect(() => {\n setUpdater(update);\n }, [setUpdater, update]);\n\n const { options } = useModalContext();\n\n const dimmed = useActiveModalCount(key);\n\n return (\n <div\n className={styles.root}\n style={{\n transitionDuration: options.duration,\n backgroundColor: dimmed ? options.backdrop : 'transparent',\n }}\n >\n {modalIds.map((id) => {\n return <Presenter key={id} modalId={id} />;\n })}\n </div>\n );\n});\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n return <h2 className={styles.fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n return <h3 className={styles.fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport styles from './styles.module.css';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n return <div className={styles.fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n confirmLabel,\n hideConfirm = false,\n cancelLabel,\n hideCancel = false,\n disabled,\n onConfirm,\n onCancel,\n}: FooterComponentProps) => {\n return (\n <div>\n {!hideConfirm && (\n <button onClick={onConfirm} disabled={disabled}>\n {confirmLabel || '확인'}\n </button>\n )}\n\n {!hideCancel && typeof onCancel === 'function' && (\n <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n )}\n </div>\n );\n};\n","import {\n type ForwardedRef,\n type PropsWithChildren,\n forwardRef,\n useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport styles from './styles.module.css';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n (\n { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n ref: ForwardedRef<HTMLDivElement>,\n ) => {\n const activeCount = useActiveModalCount();\n const [level, offset] = useMemo(() => {\n const stacked = activeCount > 1;\n const level = stacked\n ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n : 0;\n const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n return [level, offset];\n }, [activeCount, id]);\n\n return (\n <div\n ref={ref}\n className={styles.frame}\n onClick={onChangeOrder}\n style={{\n marginBottom: `calc(25vh + ${level}px)`,\n marginLeft: `${level}px`,\n transform: `translate(${offset}px, ${offset}px)`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n const [pathname, setPathname] = useState(window.location.pathname);\n\n useLayoutEffect(() => {\n let requestId: number;\n\n const checkPathname = () => {\n if (requestId) cancelAnimationFrame(requestId);\n if (pathname !== window.location.pathname) {\n setPathname(window.location.pathname);\n } else {\n requestId = requestAnimationFrame(checkPathname);\n }\n };\n\n requestId = requestAnimationFrame(checkPathname);\n\n return () => {\n if (requestId) cancelAnimationFrame(requestId);\n };\n }, [pathname]);\n\n return { pathname };\n};\n","import {\n type ComponentType,\n type PropsWithChildren,\n createContext,\n} from 'react';\n\nimport type { Color, Duration } from '@aileron/types';\n\nimport {\n DEFAULT_ANIMATION_DURATION,\n DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n FallbackContent,\n FallbackFooter,\n FallbackForegroundFrame,\n FallbackSubtitle,\n FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport type {\n FooterComponentProps,\n ModalFrameProps,\n} from '@/promise-modal/types';\n\nexport interface ModalContextProps {\n ForegroundComponent: ComponentType<PropsWithChildren<ModalFrameProps>>;\n BackgroundComponent?: ComponentType<ModalFrameProps>;\n TitleComponent: ComponentType<PropsWithChildren>;\n SubtitleComponent: ComponentType<PropsWithChildren>;\n ContentComponent: ComponentType<PropsWithChildren>;\n FooterComponent: ComponentType<FooterComponentProps>;\n options: {\n duration: Duration;\n backdrop: Color;\n manualDestroy: boolean;\n closeOnBackdropClick: boolean;\n };\n}\n\nexport const ModalContext = createContext<ModalContextProps>({\n ForegroundComponent: FallbackForegroundFrame,\n TitleComponent: FallbackTitle,\n SubtitleComponent: FallbackSubtitle,\n ContentComponent: FallbackContent,\n FooterComponent: FallbackFooter,\n options: {\n duration: DEFAULT_ANIMATION_DURATION,\n backdrop: DEFAULT_BACKDROP_COLOR,\n manualDestroy: false,\n closeOnBackdropClick: true,\n },\n});\n","import {\n type ComponentType,\n type PropsWithChildren,\n memo,\n useMemo,\n useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport { useOnMount, useTick } from '@winglet/react-utils';\n\nimport type { Color, Duration } from '@aileron/types';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport {\n DEFAULT_ANIMATION_DURATION,\n DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n FallbackContent,\n FallbackFooter,\n FallbackForegroundFrame,\n FallbackSubtitle,\n FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\nimport type {\n FooterComponentProps,\n ModalFrameProps,\n} from '@/promise-modal/types';\n\nimport { ModalDataContextProvider } from '../ModalDataContext';\nimport { ModalContext } from './ModalContext';\n\ninterface ModalContextProviderProps {\n BackgroundComponent?: ComponentType<ModalFrameProps>;\n ForegroundComponent?: ComponentType<ModalFrameProps>;\n TitleComponent?: ComponentType<PropsWithChildren>;\n SubtitleComponent?: ComponentType<PropsWithChildren>;\n ContentComponent?: ComponentType<PropsWithChildren>;\n FooterComponent?: ComponentType<FooterComponentProps>;\n options?: {\n /** Modal transition time(ms, s) */\n duration?: Duration;\n /** Modal backdrop color */\n backdrop?: Color;\n /** Whether to destroy the modal manually */\n manualDestroy?: boolean;\n /** Whether to close the modal when the backdrop is clicked */\n closeOnBackdropClick?: boolean;\n };\n usePathname?: () => { pathname: string };\n}\n\nexport const ModalContextProvider = memo(\n ({\n ForegroundComponent,\n BackgroundComponent,\n TitleComponent,\n SubtitleComponent,\n ContentComponent,\n FooterComponent,\n options,\n usePathname,\n children,\n }: PropsWithChildren<ModalContextProviderProps>) => {\n const { pathname } = (usePathname || useDefaultPathname)();\n const [, update] = useTick();\n const portalRef = useRef<HTMLElement | null>(null);\n\n useOnMount(() => {\n portalRef.current = ModalManager.anchor('div');\n update();\n return () => {\n if (portalRef.current) {\n portalRef.current.remove();\n }\n };\n });\n\n const value = useMemo(\n () => ({\n BackgroundComponent,\n ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n TitleComponent: TitleComponent || FallbackTitle,\n SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n ContentComponent: memo(ContentComponent || FallbackContent),\n FooterComponent: memo(FooterComponent || FallbackFooter),\n options: {\n duration: DEFAULT_ANIMATION_DURATION,\n backdrop: DEFAULT_BACKDROP_COLOR,\n closeOnBackdropClick: true,\n manualDestroy: false,\n ...options,\n } satisfies ModalContextProviderProps['options'],\n }),\n [\n ForegroundComponent,\n BackgroundComponent,\n ContentComponent,\n FooterComponent,\n SubtitleComponent,\n TitleComponent,\n options,\n ],\n );\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {portalRef.current &&\n createPortal(\n <ModalDataContextProvider pathname={pathname}>\n <Anchor />\n </ModalDataContextProvider>,\n portalRef.current,\n )}\n </ModalContext.Provider>\n );\n },\n);\n","import { useContext } from 'react';\n\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\n\nimport { ModalContext } from './ModalContext';\n\nexport const useModalContext = () => useContext(ModalContext);\n\nexport const useModalOptions = () => {\n const { options } = useContext(ModalContext);\n return options;\n};\n\nexport const useModalDuration = () => {\n const { duration } = useModalOptions();\n return { duration, milliseconds: getMillisecondsFromDuration(duration) };\n};\n\nexport const useModalBackdrop = () => {\n const { backdrop } = useModalOptions();\n return backdrop;\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n AlertContentProps,\n AlertFooterRender,\n FooterOptions,\n ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n subtype?: 'info' | 'success' | 'warning' | 'error';\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<AlertContentProps>;\n background?: ModalBackground<B>;\n footer?:\n | AlertFooterRender\n | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n | false;\n manualDestroy?: boolean;\n closeOnBackdropClick?: boolean;\n}\n\nexport const alert = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: AlertProps<B>) => {\n return new Promise<void>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'alert',\n subtype,\n resolve: () => resolve(),\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n ConfirmContentProps,\n ConfirmFooterRender,\n FooterOptions,\n ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n subtype?: 'info' | 'success' | 'warning' | 'error';\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<ConfirmContentProps>;\n background?: ModalBackground<B>;\n footer?: ConfirmFooterRender | FooterOptions | false;\n closeOnBackdropClick?: boolean;\n manualDestroy?: boolean;\n}\n\nexport const confirm = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: ConfirmProps<B>) => {\n return new Promise<boolean>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'confirm',\n subtype,\n resolve: (result) => resolve(result ?? false),\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n FooterOptions,\n ModalBackground,\n PromptContentProps,\n PromptFooterRender,\n PromptInputProps,\n} from '@/promise-modal/types';\n\nimport { ModalManager } from '../../app/ModalManager';\n\ninterface PromptProps<T, B = any> {\n title?: ReactNode;\n subtitle?: ReactNode;\n content?: ReactNode | ComponentType<PromptContentProps>;\n Input: (props: PromptInputProps<T>) => ReactNode;\n defaultValue?: T;\n disabled?: (value: T) => boolean;\n returnOnCancel?: boolean;\n background?: ModalBackground<B>;\n footer?: PromptFooterRender<T> | FooterOptions | false;\n manualDestroy?: boolean;\n closeOnBackdropClick?: boolean;\n}\n\nexport const prompt = <T, B = any>({\n defaultValue,\n title,\n subtitle,\n content,\n Input,\n disabled,\n returnOnCancel,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n}: PromptProps<T, B>) => {\n return new Promise<T>((resolve, reject) => {\n try {\n ModalManager.open({\n type: 'prompt',\n resolve: (result) => resolve(result as T),\n title,\n subtitle,\n content,\n Input: ({ defaultValue, onChange, onConfirm }: PromptInputProps<T>) =>\n Input({\n defaultValue,\n onChange,\n onConfirm,\n }),\n defaultValue,\n disabled,\n returnOnCancel,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import { useEffect, useRef } from 'react';\n\nimport { isString } from '@winglet/common-utils';\n\nimport type { Duration } from '@aileron/types';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { getMillisecondsFromDuration } from '@/promise-modal/helpers/getMillisecondsFromDuration';\n\nimport { useModal } from '../providers';\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n modalId: ModalNode['id'],\n duration: Duration | number,\n) => {\n const { modal, onDestroy } = useModal(modalId);\n const tick = useSubscribeModal(modal);\n\n const reference = useRef({\n modal,\n onDestroy,\n milliseconds: isString(duration)\n ? getMillisecondsFromDuration(duration)\n : duration,\n });\n\n useEffect(() => {\n const { modal, onDestroy, milliseconds } = reference.current;\n if (!modal || modal.visible || !modal.alive) return;\n const timer = setTimeout(() => {\n onDestroy();\n }, milliseconds);\n return () => {\n if (timer) clearTimeout(timer);\n };\n }, [tick]);\n};\n"],"names":["prerenderListRef","current","openModalRef","modal","push","anchorRef","ModalManager","prerender","clearPrerender","open","setupOpen","anchor","name","label","document","getElementById","id","node","createElement","setAttribute","getRandomNumber","body","appendChild","DEFAULT_ANIMATION_DURATION","DEFAULT_BACKDROP_COLOR","Background","modalId","onChangeOrder","BackgroundComponent","useModalContext","onClose","onChange","onConfirm","onDestroy","useModal","handleClose","useCallback","event","closeOnBackdropClick","visible","stopPropagation","manualDestroy","alive","_jsx","className","cx","styles$4_visible","styles","styles$4_active","onClick","children","type","initiator","background","AlertInner","memo","handlers","title","subtitle","content","footer","useMemo","handleConfirm","useHandle","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","_jsxs","Fragment","isString","jsx","renderComponent","confirmLabel","confirm","hideConfirm","ConfirmInner","onCancel","cancelLabel","cancel","hideCancel","PromptInner","Input","defaultValue","disabled","checkDisabled","value","setValue","useState","handleChange","inputValue","input","isFunction","setTimeout","Foreground","ForegroundComponent","styles$3_active","useSubscribeModal","tick","update","useTick","useOnMount","subscribe","zIndex","Presenter","ref","useRef","handleChangeOrder","style","useActiveModalCount","modalIds","getModalNode","useModalDataContext","count","BaseNode","__classPrivateFieldGet","this","_BaseNode_alive","_BaseNode_visible","constructor","resolve","Object","defineProperty","set","_BaseNode_resolve","_BaseNode_listeners","__classPrivateFieldSet","listener","filter","l","publish","result","call","needPublish","onShow","onHide","AlertNode","subtype","super","ConfirmNode","PromptNode","returnOnCancel","_PromptNode_value","nodeFactory","Error","DURATION_REGEX","getMillisecondsFromDuration","durationString","unit","match","duration","parseInt","ModalDataContext","createContext","undefinedFunction","setUpdater","getModal","undefined","ModalDataContextProvider","pathname","modalDictionary","Map","setModalIds","modalIdsRef","useReference","modalIdSequence","options","useModalOptions","useOnMountLayout","data","ids","destroyed","get","delete","useLayoutEffect","updaterRef","hideModal","updater","Provider","useContext","Anchor","key","useEffect","dimmed","transitionDuration","backgroundColor","backdrop","map","FallbackTitle","FallbackSubtitle","FallbackContent","FallbackFooter","FallbackForegroundFrame","forwardRef","activeCount","level","offset","stacked","Math","floor","marginBottom","marginLeft","transform","usePathname","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","ModalContext","ModalContextProvider","useDefaultPathname","portalRef","remove","jsxs","createPortal","Promise","reject","error","reference","milliseconds","timer","clearTimeout"],"mappings":"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"}
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as n,useCallback as t,useEffect as r,useLayoutEffect as i,useState as l,isValidElement as a,createElement as c,memo as s,useMemo as u,Fragment as d,createContext as b,useContext as m,forwardRef as p}from"react";import{createPortal as f}from"react-dom";import h from"clsx";import C from"/Users/Vincent/Workspace/altovion/node_modules/style-inject/dist/style-inject.es.js";"function"==typeof SuppressedError&&SuppressedError;const y=e=>{const o=n(e);return o.current=e,o},g=e=>{const o=y(e);return t(((...e)=>"function"!=typeof o.current?null:o.current(...e)),[o])},v=e=>{r(e,[])},I=()=>{const[e,o]=l(0);return[e,t((()=>{o((e=>e+1))}),[])]},k=(e,o)=>e?a(e)?e:(e=>(e=>"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent))(e)||(e=>"object"==typeof e&&null!==e&&e.$$typeof===Symbol.for("react.memo"))(e)||(e=>!("function"!=typeof e||!e.prototype||!e.prototype.isReactComponent))(e))(e)?c(e,o):null:null,B=()=>{},_=e=>"string"==typeof e;"function"==typeof SuppressedError&&SuppressedError;const F={current:[]},Q={current:e=>{F.current.push(e)}},G={current:null},O={get prerender(){return F.current},clearPrerender(){F.current=[]},open(e){Q.current(e)},setupOpen(e){Q.current=e},anchor(e,o="modal-anchor"){if(G.current){const e=document.getElementById(G.current.id);if(e)return e}const n=document.createElement(e);return n.setAttribute("id",`${o}-${`${Math.random()}`.slice(2)}`),document.body.appendChild(n),G.current=n,n}},x="300ms",D="rgba(0, 0, 0, 0.5)";var w="Background-module__active___Zi50h",V="Background-module__visible___tAN9F";C(".Background-module__root___zat-I{display:none;inset:0;pointer-events:none;position:fixed;z-index:-999}.Background-module__root___zat-I.Background-module__active___Zi50h{pointer-events:all!important}.Background-module__root___zat-I.Background-module__visible___tAN9F{align-items:center;display:flex;justify-content:center}.Background-module__root___zat-I>*{pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhY2tncm91bmQubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FDRSxZQUFhLENBRWIsT0FBUSxDQUVSLG1CQUFvQixDQUhwQixjQUFlLENBRWYsWUFFRixDQUVBLG1FQUNFLDRCQUNGLENBRUEsb0VBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixzQkFDRixDQUVBLG1DQUNFLG1CQUNGIiwiZmlsZSI6IkJhY2tncm91bmQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yb290IHtcbiAgZGlzcGxheTogbm9uZTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgei1pbmRleDogLTk5OTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5yb290LmFjdGl2ZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBhbGwgIWltcG9ydGFudDtcbn1cblxuLnJvb3QudmlzaWJsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4ucm9vdCA+ICoge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbiJdfQ== */");const Z=({modalId:o,onChangeOrder:n})=>{const{BackgroundComponent:r}=ve(),{modal:i,onClose:l,onChange:a,onConfirm:c,onDestroy:s}=se(o),u=t((e=>{i&&i.closeOnBackdropClick&&i.visible&&l(),e.stopPropagation()}),[i,l]);if(!i)return null;const d=i.manualDestroy?i.alive:i.visible;return e("div",{className:h("Background-module__root___zat-I",{[V]:d,[w]:i.closeOnBackdropClick&&d}),onClick:u,children:r&&e(r,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:a,onConfirm:c,onClose:l,onDestroy:s,onChangeOrder:n})})};var U="Foreground-module__active___f-kK8";C(".Foreground-module__root___Go3o8{display:none;inset:0;pointer-events:none;position:fixed;z-index:1}.Foreground-module__root___Go3o8.Foreground-module__active___f-kK8{align-items:center;display:flex!important;justify-content:center}.Foreground-module__root___Go3o8.Foreground-module__active___f-kK8>*{pointer-events:all!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcmVncm91bmQubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FFRSxZQUFhLENBRWIsT0FBUSxDQUhSLG1CQUFvQixDQUVwQixjQUFlLENBRWYsU0FDRixDQUVBLG1FQUdFLGtCQUFtQixDQUZuQixzQkFBd0IsQ0FDeEIsc0JBRUYsQ0FFQSxxRUFDRSw0QkFDRiIsImZpbGUiOiJGb3JlZ3JvdW5kLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucm9vdCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBkaXNwbGF5OiBub25lO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiAxO1xufVxuXG4ucm9vdC5hY3RpdmUge1xuICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ucm9vdC5hY3RpdmUgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IGFsbCAhaW1wb3J0YW50O1xufVxuIl19 */");const W=s((({modal:n,handlers:t})=>{const{title:r,subtitle:i,content:l,footer:a}=u((()=>n),[n]),{onConfirm:c}=u((()=>t),[t]),s=g(c),{TitleComponent:b,SubtitleComponent:m,ContentComponent:p,FooterComponent:f}=ve();return o(d,{children:[r&&(_(r)?e(b,{children:r}):r),i&&(_(i)?e(m,{children:i}):i),l&&(_(l)?e(p,{children:l}):k(l,{onConfirm:s})),!1!==a&&("function"==typeof a?a({onConfirm:s}):e(f,{onConfirm:s,confirmLabel:a?.confirm,hideConfirm:a?.hideConfirm}))]})})),j=s((({modal:n,handlers:t})=>{const{title:r,subtitle:i,content:l,footer:a}=u((()=>n),[n]),{onConfirm:c,onClose:s}=u((()=>t),[t]),b=g(c),m=g(s),{TitleComponent:p,SubtitleComponent:f,ContentComponent:h,FooterComponent:C}=ve();return o(d,{children:[r&&(_(r)?e(p,{children:r}):r),i&&(_(i)?e(f,{children:i}):i),l&&(_(l)?e(h,{children:l}):k(l,{onConfirm:b,onCancel:m})),!1!==a&&("function"==typeof a?a({onConfirm:b,onCancel:m}):e(C,{onConfirm:b,onCancel:m,confirmLabel:a?.confirm,cancelLabel:a?.cancel,hideConfirm:a?.hideConfirm,hideCancel:a?.hideCancel}))]})})),z=s((({modal:n,handlers:r})=>{const{Input:i,defaultValue:a,disabled:c,title:b,subtitle:m,content:p,footer:f}=u((()=>({...n,Input:s(n.Input)})),[n]),[h,C]=l(a),{onChange:y,onClose:v,onConfirm:I}=u((()=>r),[r]),B=g(v),F=g((e=>{const o="function"==typeof e?e(h):e;C(o),y(o)})),Q=t((()=>{setTimeout((()=>{I()}))}),[I]),G=u((()=>!!h&&!!c?.(h)),[c,h]),{TitleComponent:O,SubtitleComponent:x,ContentComponent:D,FooterComponent:w}=ve();return o(d,{children:[b&&(_(b)?e(O,{children:b}):b),m&&(_(m)?e(x,{children:m}):m),p&&(_(p)?e(D,{children:p}):k(p,{onConfirm:Q,onCancel:B})),i&&e(i,{defaultValue:a,value:h,onChange:F,onConfirm:Q}),!1!==f&&("function"==typeof f?f({onConfirm:Q,onCancel:B,onChange:F,value:h,disabled:G}):e(w,{onConfirm:Q,onCancel:B,disabled:G,confirmLabel:f?.confirm,cancelLabel:f?.cancel,hideConfirm:f?.hideConfirm,hideCancel:f?.hideCancel}))]})})),L=({modalId:n,onChangeOrder:t})=>{const{ForegroundComponent:r}=ve(),{modal:i,onChange:l,onConfirm:a,onClose:c,onDestroy:s}=se(n);return i?e("div",{className:h("Foreground-module__root___Go3o8",{[U]:i.manualDestroy?i.alive:i.visible}),children:o(r,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:l,onConfirm:a,onClose:c,onDestroy:s,onChangeOrder:t,children:["alert"===i.type&&e(W,{modal:i,handlers:{onConfirm:a}}),"confirm"===i.type&&e(j,{modal:i,handlers:{onConfirm:a,onClose:c}}),"prompt"===i.type&&e(z,{modal:i,handlers:{onChange:l,onConfirm:a,onClose:c}})]})}):null},R=e=>{const[o,n]=I();return v((()=>{if(e)return e.subscribe(n)})),o};C(".Presenter-module__modal___HyHFW{inset:0;overflow:hidden;pointer-events:none;position:fixed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZXNlbnRlci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUVFLE9BQVEsQ0FFUixlQUFnQixDQURoQixtQkFBb0IsQ0FGcEIsY0FJRiIsImZpbGUiOiJQcmVzZW50ZXIubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tb2RhbCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgaW5zZXQ6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuIl19 */");let X=1;const N=s((({modalId:t})=>{const r=n(null),{modal:i}=se(t);R(i);const l=g((()=>{r.current&&(r.current.style.zIndex=""+X++)}));return o("div",{ref:r,className:"Presenter-module__modal___HyHFW",children:[e(Z,{modalId:t,onChangeOrder:l}),e(L,{modalId:t,onChangeOrder:l})]})})),J=(e=0)=>{const{modalIds:o,getModalNode:n}=ce();return u((()=>{let e=0;for(const t of o)n(t)?.visible&&e++;return e}),[n,o,e])},Y=({subtype:e,title:o,subtitle:n,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})=>new Promise(((c,s)=>{try{O.open({type:"alert",subtype:e,resolve:()=>c(),title:o,subtitle:n,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})}catch(e){s(e)}})),S=({subtype:e,title:o,subtitle:n,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})=>new Promise(((c,s)=>{try{O.open({type:"confirm",subtype:e,resolve:e=>c(e??!1),title:o,subtitle:n,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})}catch(e){s(e)}})),P=({defaultValue:e,title:o,subtitle:n,content:t,Input:r,disabled:i,returnOnCancel:l,background:a,footer:c,manualDestroy:s,closeOnBackdropClick:u})=>new Promise(((d,b)=>{try{O.open({type:"prompt",resolve:e=>d(e),title:o,subtitle:n,content:t,Input:({defaultValue:e,onChange:o,onConfirm:n})=>r({defaultValue:e,onChange:o,onConfirm:n}),defaultValue:e,disabled:i,returnOnCancel:l,background:a,footer:c,manualDestroy:s,closeOnBackdropClick:u})}catch(e){b(e)}}));
1
+ import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useCallback as o,memo as t,useMemo as r,Fragment as i,useState as l,useRef as a,createContext as c,useLayoutEffect as s,useContext as u,useEffect as d,forwardRef as b}from"react";import{createPortal as m}from"react-dom";import{useHandle as p,renderComponent as h,useTick as C,useOnMount as f,useReference as g,useOnMountLayout as y}from"@winglet/react-utils";import{getRandomNumber as v,isString as I,isFunction as k,undefinedFunction as B}from"@winglet/common-utils";import _ from"clsx";import F from"/Users/Vincent/Workspace/altovion/node_modules/style-inject/dist/style-inject.es.js";const Q={current:[]},G={current:e=>{Q.current.push(e)}},O={current:null},x={get prerender(){return Q.current},clearPrerender(){Q.current=[]},open(e){G.current(e)},setupOpen(e){G.current=e},anchor(e,n="modal-anchor"){if(O.current){const e=document.getElementById(O.current.id);if(e)return e}const o=document.createElement(e);return o.setAttribute("id",`${n}-${v()}`),document.body.appendChild(o),O.current=o,o}},w="300ms",D="rgba(0, 0, 0, 0.5)";var V="Background-module__active___Zi50h",Z="Background-module__visible___tAN9F";F(".Background-module__root___zat-I{display:none;inset:0;pointer-events:none;position:fixed;z-index:-999}.Background-module__root___zat-I.Background-module__active___Zi50h{pointer-events:all!important}.Background-module__root___zat-I.Background-module__visible___tAN9F{align-items:center;display:flex;justify-content:center}.Background-module__root___zat-I>*{pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhY2tncm91bmQubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FDRSxZQUFhLENBRWIsT0FBUSxDQUVSLG1CQUFvQixDQUhwQixjQUFlLENBRWYsWUFFRixDQUVBLG1FQUNFLDRCQUNGLENBRUEsb0VBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixzQkFDRixDQUVBLG1DQUNFLG1CQUNGIiwiZmlsZSI6IkJhY2tncm91bmQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yb290IHtcbiAgZGlzcGxheTogbm9uZTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgei1pbmRleDogLTk5OTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5yb290LmFjdGl2ZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBhbGwgIWltcG9ydGFudDtcbn1cblxuLnJvb3QudmlzaWJsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4ucm9vdCA+ICoge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbiJdfQ== */");const U=({modalId:n,onChangeOrder:t})=>{const{BackgroundComponent:r}=Ie(),{modal:i,onClose:l,onChange:a,onConfirm:c,onDestroy:s}=ue(n),u=o((e=>{i&&i.closeOnBackdropClick&&i.visible&&l(),e.stopPropagation()}),[i,l]);if(!i)return null;const d=i.manualDestroy?i.alive:i.visible;return e("div",{className:_("Background-module__root___zat-I",{[Z]:d,[V]:i.closeOnBackdropClick&&d}),onClick:u,children:r&&e(r,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:a,onConfirm:c,onClose:l,onDestroy:s,onChangeOrder:t})})};var W="Foreground-module__active___f-kK8";F(".Foreground-module__root___Go3o8{display:none;inset:0;pointer-events:none;position:fixed;z-index:1}.Foreground-module__root___Go3o8.Foreground-module__active___f-kK8{align-items:center;display:flex!important;justify-content:center}.Foreground-module__root___Go3o8.Foreground-module__active___f-kK8>*{pointer-events:all!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcmVncm91bmQubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FFRSxZQUFhLENBRWIsT0FBUSxDQUhSLG1CQUFvQixDQUVwQixjQUFlLENBRWYsU0FDRixDQUVBLG1FQUdFLGtCQUFtQixDQUZuQixzQkFBd0IsQ0FDeEIsc0JBRUYsQ0FFQSxxRUFDRSw0QkFDRiIsImZpbGUiOiJGb3JlZ3JvdW5kLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucm9vdCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBkaXNwbGF5OiBub25lO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiAxO1xufVxuXG4ucm9vdC5hY3RpdmUge1xuICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ucm9vdC5hY3RpdmUgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IGFsbCAhaW1wb3J0YW50O1xufVxuIl19 */");const j=t((({modal:o,handlers:t})=>{const{title:l,subtitle:a,content:c,footer:s}=r((()=>o),[o]),{onConfirm:u}=r((()=>t),[t]),d=p(u),{TitleComponent:b,SubtitleComponent:m,ContentComponent:C,FooterComponent:f}=Ie();return n(i,{children:[l&&(I(l)?e(b,{children:l}):l),a&&(I(a)?e(m,{children:a}):a),c&&(I(c)?e(C,{children:c}):h(c,{onConfirm:d})),!1!==s&&("function"==typeof s?s({onConfirm:d}):e(f,{onConfirm:d,confirmLabel:s?.confirm,hideConfirm:s?.hideConfirm}))]})})),z=t((({modal:o,handlers:t})=>{const{title:l,subtitle:a,content:c,footer:s}=r((()=>o),[o]),{onConfirm:u,onClose:d}=r((()=>t),[t]),b=p(u),m=p(d),{TitleComponent:C,SubtitleComponent:f,ContentComponent:g,FooterComponent:y}=Ie();return n(i,{children:[l&&(I(l)?e(C,{children:l}):l),a&&(I(a)?e(f,{children:a}):a),c&&(I(c)?e(g,{children:c}):h(c,{onConfirm:b,onCancel:m})),!1!==s&&("function"==typeof s?s({onConfirm:b,onCancel:m}):e(y,{onConfirm:b,onCancel:m,confirmLabel:s?.confirm,cancelLabel:s?.cancel,hideConfirm:s?.hideConfirm,hideCancel:s?.hideCancel}))]})})),L=t((({modal:a,handlers:c})=>{const{Input:s,defaultValue:u,disabled:d,title:b,subtitle:m,content:C,footer:f}=r((()=>({...a,Input:t(a.Input)})),[a]),[g,y]=l(u),{onChange:v,onClose:B,onConfirm:_}=r((()=>c),[c]),F=p(B),Q=p((e=>{const n=k(e)?e(g):e;y(n),v(n)})),G=o((()=>{setTimeout((()=>{_()}))}),[_]),O=r((()=>!!g&&!!d?.(g)),[d,g]),{TitleComponent:x,SubtitleComponent:w,ContentComponent:D,FooterComponent:V}=Ie();return n(i,{children:[b&&(I(b)?e(x,{children:b}):b),m&&(I(m)?e(w,{children:m}):m),C&&(I(C)?e(D,{children:C}):h(C,{onConfirm:G,onCancel:F})),s&&e(s,{defaultValue:u,value:g,onChange:Q,onConfirm:G}),!1!==f&&("function"==typeof f?f({onConfirm:G,onCancel:F,onChange:Q,value:g,disabled:O}):e(V,{onConfirm:G,onCancel:F,disabled:O,confirmLabel:f?.confirm,cancelLabel:f?.cancel,hideConfirm:f?.hideConfirm,hideCancel:f?.hideCancel}))]})})),X=({modalId:o,onChangeOrder:t})=>{const{ForegroundComponent:r}=Ie(),{modal:i,onChange:l,onConfirm:a,onClose:c,onDestroy:s}=ue(o);return i?e("div",{className:_("Foreground-module__root___Go3o8",{[W]:i.manualDestroy?i.alive:i.visible}),children:n(r,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:l,onConfirm:a,onClose:c,onDestroy:s,onChangeOrder:t,children:["alert"===i.type&&e(j,{modal:i,handlers:{onConfirm:a}}),"confirm"===i.type&&e(z,{modal:i,handlers:{onConfirm:a,onClose:c}}),"prompt"===i.type&&e(L,{modal:i,handlers:{onChange:l,onConfirm:a,onClose:c}})]})}):null},R=e=>{const[n,o]=C();return f((()=>{if(e)return e.subscribe(o)})),n};F(".Presenter-module__modal___HyHFW{inset:0;overflow:hidden;pointer-events:none;position:fixed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZXNlbnRlci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUVFLE9BQVEsQ0FFUixlQUFnQixDQURoQixtQkFBb0IsQ0FGcEIsY0FJRiIsImZpbGUiOiJQcmVzZW50ZXIubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tb2RhbCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgaW5zZXQ6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuIl19 */");let N=1;const J=t((({modalId:o})=>{const t=a(null),{modal:r}=ue(o);R(r);const i=p((()=>{t.current&&(t.current.style.zIndex=""+N++)}));return n("div",{ref:t,className:"Presenter-module__modal___HyHFW",children:[e(U,{modalId:o,onChangeOrder:i}),e(X,{modalId:o,onChangeOrder:i})]})})),Y=(e=0)=>{const{modalIds:n,getModalNode:o}=se();return r((()=>{let e=0;for(const t of n)o(t)?.visible&&e++;return e}),[o,n,e])},P=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})=>new Promise(((c,s)=>{try{x.open({type:"alert",subtype:e,resolve:()=>c(),title:n,subtitle:o,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})}catch(e){s(e)}})),S=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})=>new Promise(((c,s)=>{try{x.open({type:"confirm",subtype:e,resolve:e=>c(e??!1),title:n,subtitle:o,content:t,background:r,footer:i,manualDestroy:l,closeOnBackdropClick:a})}catch(e){s(e)}})),M=({defaultValue:e,title:n,subtitle:o,content:t,Input:r,disabled:i,returnOnCancel:l,background:a,footer:c,manualDestroy:s,closeOnBackdropClick:u})=>new Promise(((d,b)=>{try{x.open({type:"prompt",resolve:e=>d(e),title:n,subtitle:o,content:t,Input:({defaultValue:e,onChange:n,onConfirm:o})=>r({defaultValue:e,onChange:n,onConfirm:o}),defaultValue:e,disabled:i,returnOnCancel:l,background:a,footer:c,manualDestroy:s,closeOnBackdropClick:u})}catch(e){b(e)}}));
2
2
  /******************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -14,5 +14,5 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
16
  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
17
- function M(e,o,n,t){if("a"===n&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?e!==o||!t:!o.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?t:"a"===n?t.call(e):t?t.value:o.get(e)}function E(e,o,n,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?e!==o||!r:!o.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,n):r?r.value=n:o.set(e,n),n}var A,H,T,$,K;"function"==typeof SuppressedError&&SuppressedError;class q{get alive(){return M(this,A,"f")}get visible(){return M(this,H,"f")}constructor({id:e,initiator:o,title:n,subtitle:t,background:r,manualDestroy:i=!1,closeOnBackdropClick:l=!0,resolve:a}){Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"initiator",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"title",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtitle",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"background",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"manualDestroy",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"closeOnBackdropClick",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),A.set(this,void 0),H.set(this,void 0),T.set(this,void 0),$.set(this,[]),this.id=e,this.initiator=o,this.title=n,this.subtitle=t,this.background=r,this.manualDestroy=i,this.closeOnBackdropClick=l,E(this,A,!0,"f"),E(this,H,!0,"f"),E(this,T,a,"f")}subscribe(e){return M(this,$,"f").push(e),()=>{E(this,$,M(this,$,"f").filter((o=>o!==e)),"f")}}publish(){for(const e of M(this,$,"f"))e()}resolve(e){M(this,T,"f").call(this,e)}onDestroy(){const e=!0===M(this,A,"f");E(this,A,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===M(this,H,"f");E(this,H,!0,"f"),e&&this.publish()}onHide(){const e=!0===M(this,H,"f");E(this,H,!1,"f"),e&&this.publish()}}A=new WeakMap,H=new WeakMap,T=new WeakMap,$=new WeakMap;class ee extends q{constructor({id:e,initiator:o,type:n,subtype:t,title:r,subtitle:i,content:l,footer:a,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}){super({id:e,initiator:o,title:r,subtitle:i,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtype",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.type=n,this.subtype=t,this.content=l,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class oe extends q{constructor({id:e,initiator:o,type:n,subtype:t,title:r,subtitle:i,content:l,footer:a,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}){super({id:e,initiator:o,title:r,subtitle:i,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtype",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.type=n,this.subtype=t,this.content=l,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class ne extends q{constructor({id:e,initiator:o,type:n,title:t,subtitle:r,content:i,defaultValue:l,Input:a,disabled:c,returnOnCancel:s,footer:u,background:d,manualDestroy:b,closeOnBackdropClick:m,resolve:p}){super({id:e,initiator:o,title:t,subtitle:r,background:d,manualDestroy:b,closeOnBackdropClick:m,resolve:p}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"Input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"returnOnCancel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),K.set(this,void 0),this.type=n,this.content=i,this.Input=a,this.defaultValue=l,E(this,K,l,"f"),this.disabled=c,this.returnOnCancel=s,this.footer=u}onChange(e){E(this,K,e,"f")}onConfirm(){this.resolve(M(this,K,"f")??null)}onClose(){this.returnOnCancel?this.resolve(M(this,K,"f")??null):this.resolve(null)}}K=new WeakMap;const te=e=>{switch(e.type){case"alert":return new ee(e);case"confirm":return new oe(e);case"prompt":return new ne(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},re=/^\s*(\d+)\s*(ms|s|m|h)\s*$/,ie=e=>{const[,o,n]=e.match(re)||[];if(!o||!n)return 0;const t=parseInt(o);return"ms"===n?t:"s"===n?1e3*t:"m"===n?60*t*1e3:"h"===n?60*t*60*1e3:0},le=b({modalIds:[],getModalNode:B,onChange:B,onConfirm:B,onClose:B,onDestroy:B,setUpdater:B,getModal:()=>({modal:void 0,onConfirm:B,onClose:B,onChange:B,onDestroy:B})}),ae=s((({pathname:o,children:r})=>{const a=n(new Map),[c,s]=l([]),d=y(c),b=n(o),m=n(0),p=Ie(),f=u((()=>ie(p.duration)),[p]);i((()=>{const{manualDestroy:e,closeOnBackdropClick:o}=p;for(const n of O.prerender){const t=te({...n,id:m.current++,initiator:b.current,manualDestroy:void 0!==n.manualDestroy?n.manualDestroy:e,closeOnBackdropClick:void 0!==n.closeOnBackdropClick?n.closeOnBackdropClick:o});a.current.set(t.id,t),s((e=>[...e,t.id]))}O.setupOpen((n=>{const t=te({...n,id:m.current++,initiator:b.current,manualDestroy:void 0!==n.manualDestroy?n.manualDestroy:e,closeOnBackdropClick:void 0!==n.closeOnBackdropClick?n.closeOnBackdropClick:o});a.current.set(t.id,t),s((e=>[...e.filter((e=>{const o=!a.current.get(e)?.alive;return o&&a.current.delete(e),!o})),t.id]))})),O.clearPrerender()}),[]),i((()=>{for(const e of d.current){const n=a.current.get(e);n?.alive&&(n.initiator===o?n.onShow():n.onHide())}b.current=o}),[d,o]);const h=t((e=>a.current.get(e)),[]),C=t((e=>{const o=a.current.get(e);o&&(o.onDestroy(),g.current?.())}),[]),g=n(),v=t((e=>{const o=a.current.get(e);o&&(o.onHide(),g.current?.(),o.manualDestroy||setTimeout((()=>{o.onDestroy()}),f))}),[f]),I=t(((e,o)=>{const n=a.current.get(e);n&&"prompt"===n.type&&n.onChange(o)}),[]),k=t((e=>{const o=a.current.get(e);o&&(o.onConfirm(),v(e))}),[v]),B=t((e=>{const o=a.current.get(e);o&&(o.onClose(),v(e))}),[v]),_=t((e=>({modal:h(e),onConfirm:()=>k(e),onClose:()=>B(e),onChange:o=>I(e,o),onDestroy:()=>C(e)})),[h,k,B,I,C]),F=u((()=>({modalIds:c,getModalNode:h,onChange:I,onConfirm:k,onClose:B,onDestroy:C,getModal:_,setUpdater:e=>{g.current=e}})),[c,_,h,I,k,B,C]);return e(le.Provider,{value:F,children:r})})),ce=()=>m(le),se=e=>{const{getModal:o}=ce();return u((()=>o(e)),[e,o])};C(".Anchor-module__root___7N-Qo{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;transition:background-color ease-in-out;z-index:1000}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuY2hvci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUVFLGtCQUFtQixDQURuQixZQUFhLENBSWIsT0FBUSxDQUZSLHNCQUF1QixDQUd2QixtQkFBb0IsQ0FGcEIsY0FBZSxDQUlmLHVDQUF3QyxDQUR4QyxZQUVGIiwiZmlsZSI6IkFuY2hvci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnJvb3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHotaW5kZXg6IDEwMDA7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgZWFzZS1pbi1vdXQ7XG59XG4iXX0= */");const ue=s((()=>{const[o,n]=I(),{modalIds:t,setUpdater:i}=ce();r((()=>{i(n)}),[i,n]);const{options:l}=ve(),a=J(o);return e("div",{className:"Anchor-module__root___7N-Qo",style:{transitionDuration:l.duration,backgroundColor:a?l.backdrop:"transparent"},children:t.map((o=>e(N,{modalId:o},o)))})}));var de="styles-module__fallback___g8MEI";C(".styles-module__fallback___g8MEI{margin:unset}.styles-module__frame___1mKAZ{align-items:center;background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 80px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLFlBQ0YsQ0FFQSw4QkFJRSxrQkFBbUIsQ0FDbkIscUJBQXVCLENBR3ZCLHFCQUF1QixDQVB2QixZQUFhLENBQ2IscUJBQXNCLENBS3RCLFFBQVMsQ0FKVCxzQkFBdUIsQ0FHdkIsaUJBR0YiLCJmaWxlIjoic3R5bGVzLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmFsbGJhY2sge1xuICBtYXJnaW46IHVuc2V0O1xufVxuXG4uZnJhbWUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDIwcHggODBweDtcbiAgZ2FwOiAxMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcbn1cbiJdfQ== */");const be=({children:o})=>e("h2",{className:de,children:o}),me=({children:o})=>e("h3",{className:de,children:o}),pe=({children:o})=>e("div",{className:de,children:o}),fe=({confirmLabel:n,hideConfirm:t=!1,cancelLabel:r,hideCancel:i=!1,disabled:l,onConfirm:a,onCancel:c})=>o("div",{children:[!t&&e("button",{onClick:a,disabled:l,children:n||"확인"}),!i&&"function"==typeof c&&e("button",{onClick:c,children:r||"취소"})]}),he=p((({id:o,onChangeOrder:n,children:t},r)=>{const i=J(),[l,a]=u((()=>{const e=i>1;return[e?Math.floor(o/5)%3*100:0,e?o%5*35:0]}),[i,o]);return e("div",{ref:r,className:"styles-module__frame___1mKAZ",onClick:n,style:{marginBottom:`calc(25vh + ${l}px)`,marginLeft:`${l}px`,transform:`translate(${a}px, ${a}px)`},children:t})})),Ce=()=>{const[e,o]=l(window.location.pathname);return i((()=>{let n;const t=()=>{n&&cancelAnimationFrame(n),e!==window.location.pathname?o(window.location.pathname):n=requestAnimationFrame(t)};return n=requestAnimationFrame(t),()=>{n&&cancelAnimationFrame(n)}}),[e]),{pathname:e}},ye=b({ForegroundComponent:he,TitleComponent:be,SubtitleComponent:me,ContentComponent:pe,FooterComponent:fe,options:{duration:x,backdrop:D,manualDestroy:!1,closeOnBackdropClick:!0}}),ge=s((({ForegroundComponent:t,BackgroundComponent:r,TitleComponent:i,SubtitleComponent:l,ContentComponent:a,FooterComponent:c,options:d,usePathname:b,children:m})=>{const{pathname:p}=(b||Ce)(),[,h]=I(),C=n(null);v((()=>(C.current=O.anchor("div"),h(),()=>{C.current&&C.current.remove()})));const y=u((()=>({BackgroundComponent:r,ForegroundComponent:t||he,TitleComponent:i||be,SubtitleComponent:l||me,ContentComponent:s(a||pe),FooterComponent:s(c||fe),options:{duration:x,backdrop:D,closeOnBackdropClick:!0,manualDestroy:!1,...d}})),[t,r,a,c,l,i,d]);return o(ye.Provider,{value:y,children:[m,C.current&&f(e(ae,{pathname:p,children:e(ue,{})}),C.current)]})})),ve=()=>m(ye),Ie=()=>{const{options:e}=m(ye);return e},ke=()=>{const{duration:e}=Ie();return{duration:e,milliseconds:ie(e)}},Be=()=>{const{backdrop:e}=Ie();return e},_e=(e,o)=>{const{modal:t,onDestroy:i}=se(e),l=R(t),a=n({modal:t,onDestroy:i,milliseconds:_(o)?ie(o):o});r((()=>{const{modal:e,onDestroy:o,milliseconds:n}=a.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{o()}),n);return()=>{t&&clearTimeout(t)}}),[l])};export{ge as ModalProvider,Y as alert,S as confirm,P as prompt,_e as useDestroyAfter,Be as useModalBackdrop,ke as useModalDuration,Ie as useModalOptions,R as useSubscribeModal};
17
+ function A(e,n,o,t){if("a"===o&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!t:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?t:"a"===o?t.call(e):t?t.value:n.get(e)}function E(e,n,o,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,o):r?r.value=o:n.set(e,o),o}var H,T,$,K,q;"function"==typeof SuppressedError&&SuppressedError;class ee{get alive(){return A(this,H,"f")}get visible(){return A(this,T,"f")}constructor({id:e,initiator:n,title:o,subtitle:t,background:r,manualDestroy:i=!1,closeOnBackdropClick:l=!0,resolve:a}){Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"initiator",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"title",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtitle",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"background",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"manualDestroy",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"closeOnBackdropClick",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),H.set(this,void 0),T.set(this,void 0),$.set(this,void 0),K.set(this,[]),this.id=e,this.initiator=n,this.title=o,this.subtitle=t,this.background=r,this.manualDestroy=i,this.closeOnBackdropClick=l,E(this,H,!0,"f"),E(this,T,!0,"f"),E(this,$,a,"f")}subscribe(e){return A(this,K,"f").push(e),()=>{E(this,K,A(this,K,"f").filter((n=>n!==e)),"f")}}publish(){for(const e of A(this,K,"f"))e()}resolve(e){A(this,$,"f").call(this,e)}onDestroy(){const e=!0===A(this,H,"f");E(this,H,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===A(this,T,"f");E(this,T,!0,"f"),e&&this.publish()}onHide(){const e=!0===A(this,T,"f");E(this,T,!1,"f"),e&&this.publish()}}H=new WeakMap,T=new WeakMap,$=new WeakMap,K=new WeakMap;class ne extends ee{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:l,footer:a,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}){super({id:e,initiator:n,title:r,subtitle:i,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtype",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.type=o,this.subtype=t,this.content=l,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class oe extends ee{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:l,footer:a,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}){super({id:e,initiator:n,title:r,subtitle:i,background:c,manualDestroy:s,closeOnBackdropClick:u,resolve:d}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"subtype",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.type=o,this.subtype=t,this.content=l,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class te extends ee{constructor({id:e,initiator:n,type:o,title:t,subtitle:r,content:i,defaultValue:l,Input:a,disabled:c,returnOnCancel:s,footer:u,background:d,manualDestroy:b,closeOnBackdropClick:m,resolve:p}){super({id:e,initiator:n,title:t,subtitle:r,background:d,manualDestroy:b,closeOnBackdropClick:m,resolve:p}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"Input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"returnOnCancel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"footer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),q.set(this,void 0),this.type=o,this.content=i,this.Input=a,this.defaultValue=l,E(this,q,l,"f"),this.disabled=c,this.returnOnCancel=s,this.footer=u}onChange(e){E(this,q,e,"f")}onConfirm(){this.resolve(A(this,q,"f")??null)}onClose(){this.returnOnCancel?this.resolve(A(this,q,"f")??null):this.resolve(null)}}q=new WeakMap;const re=e=>{switch(e.type){case"alert":return new ne(e);case"confirm":return new oe(e);case"prompt":return new te(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},ie=/^\s*(\d+)\s*(ms|s|m|h)\s*$/,le=e=>{const[,n,o]=e.match(ie)||[];if(!n||!o)return 0;const t=parseInt(n);return"ms"===o?t:"s"===o?1e3*t:"m"===o?60*t*1e3:"h"===o?60*t*60*1e3:0},ae=c({modalIds:[],getModalNode:B,onChange:B,onConfirm:B,onClose:B,onDestroy:B,setUpdater:B,getModal:()=>({modal:void 0,onConfirm:B,onClose:B,onChange:B,onDestroy:B})}),ce=t((({pathname:n,children:t})=>{const i=a(new Map),[c,u]=l([]),d=g(c),b=a(n),m=a(0),p=ke(),h=r((()=>le(p.duration)),[p]);y((()=>{const{manualDestroy:e,closeOnBackdropClick:n}=p;for(const o of x.prerender){const t=re({...o,id:m.current++,initiator:b.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});i.current.set(t.id,t),u((e=>[...e,t.id]))}x.setupOpen((o=>{const t=re({...o,id:m.current++,initiator:b.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});i.current.set(t.id,t),u((e=>[...e.filter((e=>{const n=!i.current.get(e)?.alive;return n&&i.current.delete(e),!n})),t.id]))})),x.clearPrerender()})),s((()=>{for(const e of d.current){const o=i.current.get(e);o?.alive&&(o.initiator===n?o.onShow():o.onHide())}b.current=n}),[d,n]);const C=o((e=>i.current.get(e)),[]),f=o((e=>{const n=i.current.get(e);n&&(n.onDestroy(),v.current?.())}),[]),v=a(),I=o((e=>{const n=i.current.get(e);n&&(n.onHide(),v.current?.(),n.manualDestroy||setTimeout((()=>{n.onDestroy()}),h))}),[h]),k=o(((e,n)=>{const o=i.current.get(e);o&&"prompt"===o.type&&o.onChange(n)}),[]),B=o((e=>{const n=i.current.get(e);n&&(n.onConfirm(),I(e))}),[I]),_=o((e=>{const n=i.current.get(e);n&&(n.onClose(),I(e))}),[I]),F=o((e=>({modal:C(e),onConfirm:()=>B(e),onClose:()=>_(e),onChange:n=>k(e,n),onDestroy:()=>f(e)})),[C,B,_,k,f]),Q=r((()=>({modalIds:c,getModalNode:C,onChange:k,onConfirm:B,onClose:_,onDestroy:f,getModal:F,setUpdater:e=>{v.current=e}})),[c,F,C,k,B,_,f]);return e(ae.Provider,{value:Q,children:t})})),se=()=>u(ae),ue=e=>{const{getModal:n}=se();return r((()=>n(e)),[e,n])};F(".Anchor-module__root___7N-Qo{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;transition:background-color ease-in-out;z-index:1000}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuY2hvci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUVFLGtCQUFtQixDQURuQixZQUFhLENBSWIsT0FBUSxDQUZSLHNCQUF1QixDQUd2QixtQkFBb0IsQ0FGcEIsY0FBZSxDQUlmLHVDQUF3QyxDQUR4QyxZQUVGIiwiZmlsZSI6IkFuY2hvci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnJvb3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHotaW5kZXg6IDEwMDA7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgZWFzZS1pbi1vdXQ7XG59XG4iXX0= */");const de=t((()=>{const[n,o]=C(),{modalIds:t,setUpdater:r}=se();d((()=>{r(o)}),[r,o]);const{options:i}=Ie(),l=Y(n);return e("div",{className:"Anchor-module__root___7N-Qo",style:{transitionDuration:i.duration,backgroundColor:l?i.backdrop:"transparent"},children:t.map((n=>e(J,{modalId:n},n)))})}));var be="styles-module__fallback___g8MEI";F(".styles-module__fallback___g8MEI{margin:unset}.styles-module__frame___1mKAZ{align-items:center;background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 80px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLFlBQ0YsQ0FFQSw4QkFJRSxrQkFBbUIsQ0FDbkIscUJBQXVCLENBR3ZCLHFCQUF1QixDQVB2QixZQUFhLENBQ2IscUJBQXNCLENBS3RCLFFBQVMsQ0FKVCxzQkFBdUIsQ0FHdkIsaUJBR0YiLCJmaWxlIjoic3R5bGVzLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmFsbGJhY2sge1xuICBtYXJnaW46IHVuc2V0O1xufVxuXG4uZnJhbWUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDIwcHggODBweDtcbiAgZ2FwOiAxMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcbn1cbiJdfQ== */");const me=({children:n})=>e("h2",{className:be,children:n}),pe=({children:n})=>e("h3",{className:be,children:n}),he=({children:n})=>e("div",{className:be,children:n}),Ce=({confirmLabel:o,hideConfirm:t=!1,cancelLabel:r,hideCancel:i=!1,disabled:l,onConfirm:a,onCancel:c})=>n("div",{children:[!t&&e("button",{onClick:a,disabled:l,children:o||"확인"}),!i&&"function"==typeof c&&e("button",{onClick:c,children:r||"취소"})]}),fe=b((({id:n,onChangeOrder:o,children:t},i)=>{const l=Y(),[a,c]=r((()=>{const e=l>1;return[e?Math.floor(n/5)%3*100:0,e?n%5*35:0]}),[l,n]);return e("div",{ref:i,className:"styles-module__frame___1mKAZ",onClick:o,style:{marginBottom:`calc(25vh + ${a}px)`,marginLeft:`${a}px`,transform:`translate(${c}px, ${c}px)`},children:t})})),ge=()=>{const[e,n]=l(window.location.pathname);return s((()=>{let o;const t=()=>{o&&cancelAnimationFrame(o),e!==window.location.pathname?n(window.location.pathname):o=requestAnimationFrame(t)};return o=requestAnimationFrame(t),()=>{o&&cancelAnimationFrame(o)}}),[e]),{pathname:e}},ye=c({ForegroundComponent:fe,TitleComponent:me,SubtitleComponent:pe,ContentComponent:he,FooterComponent:Ce,options:{duration:w,backdrop:D,manualDestroy:!1,closeOnBackdropClick:!0}}),ve=t((({ForegroundComponent:o,BackgroundComponent:i,TitleComponent:l,SubtitleComponent:c,ContentComponent:s,FooterComponent:u,options:d,usePathname:b,children:p})=>{const{pathname:h}=(b||ge)(),[,g]=C(),y=a(null);f((()=>(y.current=x.anchor("div"),g(),()=>{y.current&&y.current.remove()})));const v=r((()=>({BackgroundComponent:i,ForegroundComponent:o||fe,TitleComponent:l||me,SubtitleComponent:c||pe,ContentComponent:t(s||he),FooterComponent:t(u||Ce),options:{duration:w,backdrop:D,closeOnBackdropClick:!0,manualDestroy:!1,...d}})),[o,i,s,u,c,l,d]);return n(ye.Provider,{value:v,children:[p,y.current&&m(e(ce,{pathname:h,children:e(de,{})}),y.current)]})})),Ie=()=>u(ye),ke=()=>{const{options:e}=u(ye);return e},Be=()=>{const{duration:e}=ke();return{duration:e,milliseconds:le(e)}},_e=()=>{const{backdrop:e}=ke();return e},Fe=(e,n)=>{const{modal:o,onDestroy:t}=ue(e),r=R(o),i=a({modal:o,onDestroy:t,milliseconds:I(n)?le(n):n});d((()=>{const{modal:e,onDestroy:n,milliseconds:o}=i.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{n()}),o);return()=>{t&&clearTimeout(t)}}),[r])};export{ve as ModalProvider,P as alert,S as confirm,M as prompt,Fe as useDestroyAfter,_e as useModalBackdrop,Be as useModalDuration,ke as useModalOptions,R as useSubscribeModal};
18
18
  //# sourceMappingURL=index.esm.js.map