@lerx/promise-modal 0.0.12 → 0.0.14

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 (25) hide show
  1. package/dist/components/Background/Background.d.ts.map +1 -1
  2. package/dist/components/Foreground/Foreground.d.ts.map +1 -1
  3. package/dist/core/handle/alert.d.ts +4 -2
  4. package/dist/core/handle/alert.d.ts.map +1 -1
  5. package/dist/core/handle/confirm.d.ts +4 -2
  6. package/dist/core/handle/confirm.d.ts.map +1 -1
  7. package/dist/core/handle/prompt.d.ts +4 -2
  8. package/dist/core/handle/prompt.d.ts.map +1 -1
  9. package/dist/core/node/ModalNode/AbstractBaseNode.d.ts +4 -2
  10. package/dist/core/node/ModalNode/AbstractBaseNode.d.ts.map +1 -1
  11. package/dist/core/node/ModalNode/AlertNode.d.ts +1 -1
  12. package/dist/core/node/ModalNode/AlertNode.d.ts.map +1 -1
  13. package/dist/core/node/ModalNode/ConfirmNode.d.ts +1 -1
  14. package/dist/core/node/ModalNode/ConfirmNode.d.ts.map +1 -1
  15. package/dist/core/node/ModalNode/PromptNode.d.ts +1 -1
  16. package/dist/core/node/ModalNode/PromptNode.d.ts.map +1 -1
  17. package/dist/index.cjs.js +2 -2
  18. package/dist/index.cjs.js.map +1 -1
  19. package/dist/index.esm.js +2 -2
  20. package/dist/index.esm.js.map +1 -1
  21. package/dist/providers/ModalContext/ModalContext.d.ts +3 -3
  22. package/dist/providers/ModalContext/ModalContext.d.ts.map +1 -1
  23. package/dist/types/base.d.ts +6 -1
  24. package/dist/types/base.d.ts.map +1 -1
  25. package/package.json +3 -3
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../src/app/ModalManager.ts","../src/app/constant.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../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/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/hooks/useActiveModalCount.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.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/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/components/FallbackComponents/classNames.emotion.ts","../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/hooks/useDestroyAfter.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nimport { getRandomString } 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, prefix = 'promise-modal'): 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', `${prefix}-${getRandomString(36)}`);\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 { css } from '@emotion/css';\n\nexport const background = css`\n display: none;\n position: fixed;\n inset: 0;\n z-index: -999;\n pointer-events: none;\n > * {\n pointer-events: none;\n }\n`;\n\nexport const active = css`\n pointer-events: all;\n`;\n\nexport const visible = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n","import { type MouseEvent, useCallback } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\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 return (\n <div\n className={cx(background, {\n [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n [active]: modal.closeOnBackdropClick && modal.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 { css } from '@emotion/css';\n\nexport const foreground = css`\n pointer-events: none;\n display: none;\n position: fixed;\n inset: 0;\n z-index: 1;\n`;\n\nexport const active = css`\n > * {\n pointer-events: all;\n }\n`;\n\nexport const visible = css`\n display: flex !important;\n justify-content: center;\n align-items: center;\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 {\n renderComponent,\n useHandle,\n withErrorBoundary,\n} 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(withErrorBoundary(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 '@emotion/css';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\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(foreground, {\n [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n [active]: 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 { css } from '@emotion/css';\n\nexport const presenter = css`\n position: fixed;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\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 { presenter } from './classNames.emotion';\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={presenter}>\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 { 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 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 { css } from '@emotion/css';\n\nexport const anchor = css`\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1000;\n transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { useTick, withErrorBoundary } 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 { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\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={anchor}\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\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n margin: unset;\n`;\n\nexport const frame = css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: white;\n padding: 20px 80px;\n gap: 10px;\n border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n return <div className={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 { frame } from './classNames.emotion';\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={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 { 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","prefix","document","getElementById","id","node","createElement","setAttribute","getRandomString","body","appendChild","DEFAULT_ANIMATION_DURATION","DEFAULT_BACKDROP_COLOR","background","css","process","env","NODE_ENV","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","active","visible","Background","modalId","onChangeOrder","BackgroundComponent","useModalContext","onClose","onChange","onConfirm","onDestroy","useModal","handleClose","useCallback","event","closeOnBackdropClick","stopPropagation","_jsx","className","cx","visible$1","manualDestroy","alive","active$1","onClick","children","type","initiator","foreground","AlertInner","memo","handlers","title","subtitle","content","footer","useMemo","handleConfirm","useHandle","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","_jsxs","Fragment","isString","renderComponent","confirmLabel","confirm","hideConfirm","ConfirmInner","onCancel","cancelLabel","cancel","hideCancel","PromptInner","Input","defaultValue","disabled","checkDisabled","withErrorBoundary","value","setValue","useState","handleChange","inputValue","input","isFunction","setTimeout","Foreground","ForegroundComponent","useSubscribeModal","tick","update","useTick","useOnMount","subscribe","presenter","zIndex","Presenter","ref","useRef","handleChangeOrder","style","useActiveModalCount","modalIds","getModalNode","useModalDataContext","count","alert","subtype","Promise","resolve","reject","error","result","prompt","returnOnCancel","BaseNode","__classPrivateFieldGet","this","_BaseNode_alive","_BaseNode_visible","constructor","Object","defineProperty","set","_BaseNode_resolve","_BaseNode_listeners","__classPrivateFieldSet","listener","filter","l","publish","call","needPublish","onShow","onHide","AlertNode","super","ConfirmNode","PromptNode","_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","fallback","frame","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","createPortal","useModalDuration","milliseconds","useModalBackdrop","useDestroyAfter","reference","timer","clearTimeout"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../src/app/ModalManager.ts","../src/app/constant.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../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/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/hooks/useActiveModalCount.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.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/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/components/FallbackComponents/classNames.emotion.ts","../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/hooks/useDestroyAfter.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nimport { getRandomString } 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, prefix = 'promise-modal'): 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', `${prefix}-${getRandomString(36)}`);\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 { css } from '@emotion/css';\n\nexport const background = css`\n display: none;\n position: fixed;\n inset: 0;\n z-index: -999;\n pointer-events: none;\n > * {\n pointer-events: none;\n }\n`;\n\nexport const active = css`\n pointer-events: all;\n`;\n\nexport const visible = css`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n","import { type MouseEvent, useCallback, useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\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 const Background = useMemo(\n () => modal?.BackgroundComponent || BackgroundComponent,\n [BackgroundComponent, modal],\n );\n\n if (!modal) return null;\n\n return (\n <div\n className={cx(background, {\n [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n [active]: modal.closeOnBackdropClick && modal.visible,\n })}\n onClick={handleClose}\n >\n {Background && (\n <Background\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 { css } from '@emotion/css';\n\nexport const foreground = css`\n pointer-events: none;\n display: none;\n position: fixed;\n inset: 0;\n z-index: 1;\n`;\n\nexport const active = css`\n > * {\n pointer-events: all;\n }\n`;\n\nexport const visible = css`\n display: flex !important;\n justify-content: center;\n align-items: center;\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 {\n renderComponent,\n useHandle,\n withErrorBoundary,\n} 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(withErrorBoundary(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 { useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport { useModal, useModalContext } from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\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 const Foreground = useMemo(\n () => modal?.ForegroundComponent || ForegroundComponent,\n [ForegroundComponent, modal],\n );\n\n if (!modal) return null;\n\n return (\n <div\n className={cx(foreground, {\n [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n [active]: modal.visible,\n })}\n >\n <Foreground\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 </Foreground>\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 { css } from '@emotion/css';\n\nexport const presenter = css`\n position: fixed;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\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 { presenter } from './classNames.emotion';\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={presenter}>\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 { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n AlertContentProps,\n AlertFooterRender,\n BackgroundComponent,\n FooterOptions,\n ForegroundComponent,\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 ForegroundComponent?: ForegroundComponent;\n BackgroundComponent?: BackgroundComponent;\n}\n\nexport const alert = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n ForegroundComponent,\n BackgroundComponent,\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 ForegroundComponent,\n BackgroundComponent,\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 BackgroundComponent,\n ConfirmContentProps,\n ConfirmFooterRender,\n FooterOptions,\n ForegroundComponent,\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 ForegroundComponent?: ForegroundComponent;\n BackgroundComponent?: BackgroundComponent;\n}\n\nexport const confirm = <B = any>({\n subtype,\n title,\n subtitle,\n content,\n background,\n footer,\n manualDestroy,\n closeOnBackdropClick,\n ForegroundComponent,\n BackgroundComponent,\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 ForegroundComponent,\n BackgroundComponent,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n BackgroundComponent,\n FooterOptions,\n ForegroundComponent,\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 ForegroundComponent?: ForegroundComponent;\n BackgroundComponent?: BackgroundComponent;\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 ForegroundComponent,\n BackgroundComponent,\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 ForegroundComponent,\n BackgroundComponent,\n });\n } catch (error) {\n reject(error);\n }\n });\n};\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/types';\n\nimport type {\n BackgroundComponent,\n BaseModal,\n ForegroundComponent,\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 readonly ForegroundComponent?: ForegroundComponent;\n readonly BackgroundComponent?: BackgroundComponent;\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 ForegroundComponent,\n BackgroundComponent,\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.ForegroundComponent = ForegroundComponent;\n this.BackgroundComponent = BackgroundComponent;\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 ForegroundComponent,\n BackgroundComponent,\n }: AlertNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n ForegroundComponent,\n BackgroundComponent,\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 ForegroundComponent,\n BackgroundComponent,\n }: ConfirmNodeProps<B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n ForegroundComponent,\n BackgroundComponent,\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 ForegroundComponent,\n BackgroundComponent,\n }: PromptNodeProps<T, B>) {\n super({\n id,\n initiator,\n title,\n subtitle,\n background,\n manualDestroy,\n closeOnBackdropClick,\n resolve,\n ForegroundComponent,\n BackgroundComponent,\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 { css } from '@emotion/css';\n\nexport const anchor = css`\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1000;\n transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { useTick, withErrorBoundary } 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 { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\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={anchor}\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\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n margin: unset;\n`;\n\nexport const frame = css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: white;\n padding: 20px 80px;\n gap: 10px;\n border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n return <div className={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 { frame } from './classNames.emotion';\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={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 BackgroundComponent,\n FooterComponentProps,\n ForegroundComponent,\n} from '@/promise-modal/types';\n\nexport interface ModalContextProps {\n ForegroundComponent: ForegroundComponent;\n BackgroundComponent?: BackgroundComponent;\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 { 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","prefix","document","getElementById","id","node","createElement","setAttribute","getRandomString","body","appendChild","DEFAULT_ANIMATION_DURATION","DEFAULT_BACKDROP_COLOR","background","css","process","env","NODE_ENV","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","active","visible","Background","modalId","onChangeOrder","BackgroundComponent","useModalContext","onClose","onChange","onConfirm","onDestroy","useModal","handleClose","useCallback","event","closeOnBackdropClick","stopPropagation","useMemo","_jsx","className","cx","visible$1","manualDestroy","alive","active$1","onClick","children","type","initiator","foreground","AlertInner","memo","handlers","title","subtitle","content","footer","handleConfirm","useHandle","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","_jsxs","Fragment","isString","renderComponent","confirmLabel","confirm","hideConfirm","ConfirmInner","onCancel","cancelLabel","cancel","hideCancel","PromptInner","Input","defaultValue","disabled","checkDisabled","withErrorBoundary","value","setValue","useState","handleChange","inputValue","input","isFunction","setTimeout","Foreground","ForegroundComponent","useSubscribeModal","tick","update","useTick","useOnMount","subscribe","presenter","zIndex","Presenter","ref","useRef","handleChangeOrder","style","useActiveModalCount","modalIds","getModalNode","useModalDataContext","count","alert","subtype","Promise","resolve","reject","error","result","prompt","returnOnCancel","BaseNode","__classPrivateFieldGet","this","_BaseNode_alive","_BaseNode_visible","constructor","Object","defineProperty","set","_BaseNode_resolve","_BaseNode_listeners","__classPrivateFieldSet","listener","filter","l","publish","call","needPublish","onShow","onHide","AlertNode","super","ConfirmNode","PromptNode","_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","fallback","frame","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","createPortal","useModalDuration","milliseconds","useModalBackdrop","useDestroyAfter","reference","timer","clearTimeout"],"mappings":"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"}
package/dist/providers/ModalContext/ModalContext.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { type ComponentType, type PropsWithChildren } from 'react';
2
2
  import type { Color, Duration } from '../../@aileron/types';
3
- import type { FooterComponentProps, ModalFrameProps } from '../../types';
3
+ import type { BackgroundComponent, FooterComponentProps, ForegroundComponent } from '../../types';
4
4
  export interface ModalContextProps {
5
- ForegroundComponent: ComponentType<PropsWithChildren<ModalFrameProps>>;
6
- BackgroundComponent?: ComponentType<ModalFrameProps>;
5
+ ForegroundComponent: ForegroundComponent;
6
+ BackgroundComponent?: BackgroundComponent;
7
7
  TitleComponent: ComponentType<PropsWithChildren>;
8
8
  SubtitleComponent: ComponentType<PropsWithChildren>;
9
9
  ContentComponent: ComponentType<PropsWithChildren>;
package/dist/providers/ModalContext/ModalContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalContext/ModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAatD,OAAO,KAAK,EACV,oBAAoB,EACpB,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,EAAE,aAAa,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC;IACvE,mBAAmB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACrD,cAAc,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,gBAAgB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,eAAe,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACrD,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC;QAChB,aAAa,EAAE,OAAO,CAAC;QACvB,oBAAoB,EAAE,OAAO,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,YAAY,4CAYvB,CAAC"}
1
+ {"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalContext/ModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAatD,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,cAAc,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,gBAAgB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,eAAe,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACrD,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC;QAChB,aAAa,EAAE,OAAO,CAAC;QACvB,oBAAoB,EAAE,OAAO,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,YAAY,4CAYvB,CAAC"}
package/dist/types/base.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- import type { ReactNode } from 'react';
1
+ import type { ComponentType, PropsWithChildren, ReactNode } from 'react';
2
2
  import type { ModalBackground } from './background';
3
+ import type { ModalFrameProps } from './modal';
3
4
  export interface BaseModal<T, B> {
4
5
  title?: ReactNode;
5
6
  subtitle?: ReactNode;
@@ -7,7 +8,11 @@ export interface BaseModal<T, B> {
7
8
  manualDestroy?: boolean;
8
9
  closeOnBackdropClick?: boolean;
9
10
  resolve: (result: T | null) => void;
11
+ ForegroundComponent?: ForegroundComponent;
12
+ BackgroundComponent?: BackgroundComponent;
10
13
  }
14
+ export type ForegroundComponent = ComponentType<PropsWithChildren<ModalFrameProps>>;
15
+ export type BackgroundComponent = ComponentType<ModalFrameProps>;
11
16
  export interface ContentComponentProps {
12
17
  onConfirm: VoidFunction;
13
18
  onCancel: VoidFunction;
package/dist/types/base.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AAED,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAC7C,iBAAiB,CAAC,eAAe,CAAC,CACnC,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lerx/promise-modal",
3
- "version": "0.0.12",
3
+ "version": "0.0.14",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/vincent-kk/albatrion.git",
@@ -40,8 +40,8 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@emotion/css": "^11.0.0",
43
- "@winglet/common-utils": "^0.0.12",
44
- "@winglet/react-utils": "^0.0.12"
43
+ "@winglet/common-utils": "^0.0.14",
44
+ "@winglet/react-utils": "^0.0.14"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@babel/core": "^7.26.0",