diff --git a/docs/api/index.html b/docs/api/index.html index 3150403..74c5b35 100644 --- a/docs/api/index.html +++ b/docs/api/index.html @@ -112,7 +112,7 @@

Const ModalDef

ModalDef: React.FC<Record<string, unknown>> = ...
@@ -137,7 +137,7 @@

Const ModalHolder

ModalHolder: React.FC<Record<string, unknown>> = ...
@@ -165,7 +165,7 @@

Const NiceModalContext<
NiceModalContext: Context<NiceModalStore> = ...
@@ -175,17 +175,17 @@

Const Provider

Provider: React.FC<Record<string, unknown>> = ...

Const default

-
default: { ModalDef: FC<Record<string, unknown>>; ModalHolder: FC<Record<string, unknown>>; NiceModalContext: Context<NiceModalStore>; Provider: FC<Record<string, unknown>>; antdDrawer: (modal: NiceModalHandler<Record<string, unknown>>) => { visible: boolean; afterVisibleChange: any; onClose: any }; antdModal: (modal: NiceModalHandler<Record<string, unknown>>) => { visible: boolean; afterClose: any; onCancel: any; onOk: any }; bootstrapDialog: (modal: NiceModalHandler<Record<string, unknown>>) => { show: boolean; onExited: any; onHide: any }; create: <P>(Comp: ComponentType<P>) => FC<P & NiceModalHocProps>; getModal: (modalId: string) => React.FC<any> | undefined; hide: <T>(modal: string | React.FC<any>) => Promise<T>; muiDialog: (modal: NiceModalHandler<Record<string, unknown>>) => { open: boolean; onClose: any; onExited: any }; reducer: (state?: NiceModalStore, action: NiceModalAction) => NiceModalStore; register: <T>(id: string, comp: T, props?: Partial<NiceModalArgs<T>>) => void; remove: (modal: string | FC<any>) => void; show: { <T, C>(modal: React.FC<C>, args?: NiceModalArgs<React.FC<C>>): Promise<T>; <T>(modal: string, args?: Record<string, unknown>): Promise<T>; <T, P>(modal: string, args: P): Promise<T> }; useModal: { (): NiceModalHandler; (modal: string, args?: Record<string, unknown>): NiceModalHandler; <T, ComponentProps, PreparedProps, RemainingProps, ResolveType>(modal: T, args?: PreparedProps): Omit<NiceModalHandler, "show"> & { show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType> } } } = ...
+
default: { ModalDef: FC<Record<string, unknown>>; ModalHolder: FC<Record<string, unknown>>; NiceModalContext: Context<NiceModalStore>; Provider: FC<Record<string, unknown>>; antdDrawer: (modal: NiceModalHandler<Record<string, unknown>>) => { visible: boolean; afterVisibleChange: any; onClose: any }; antdModal: (modal: NiceModalHandler<Record<string, unknown>>) => { visible: boolean; afterClose: any; onCancel: any; onOk: any }; bootstrapDialog: (modal: NiceModalHandler<Record<string, unknown>>) => { show: boolean; onExited: any; onHide: any }; create: <P>(Comp: ComponentType<P>) => FC<P & NiceModalHocProps>; getModal: (modalId: string) => React.FC<any> | undefined; hide: <T>(modal: string | React.FC<any>) => Promise<T>; muiDialog: (modal: NiceModalHandler<Record<string, unknown>>) => { open: boolean; onClose: any; onExited: any }; reducer: (state?: NiceModalStore, action: NiceModalAction) => NiceModalStore; register: <T>(id: string, comp: T, props?: Partial<NiceModalArgs<T>>) => void; remove: (modal: string | FC<any>) => void; show: { <T, C>(modal: React.FC<C>, args?: Partial<NiceModalArgs<React.FC<C>>>): Promise<T>; <T>(modal: string, args?: Record<string, unknown>): Promise<T>; <T, P>(modal: string, args: P): Promise<T> }; useModal: { (): NiceModalHandler; (modal: string, args?: Record<string, unknown>): NiceModalHandler; <C, P>(modal: React.FC<C>, args?: P): Omit<NiceModalHandler, "show"> & { show: any } } } = ...
@@ -232,7 +232,7 @@
afterVisibleChange: func

  • Parameters

    @@ -254,7 +254,7 @@
    onClose: function

  • Returns void

    @@ -296,7 +296,7 @@
    afterClose: function

  • Returns void

    @@ -312,7 +312,7 @@
    onCancel: function

  • Returns void

    @@ -328,7 +328,7 @@
    onOk: function

  • Returns void

    @@ -370,7 +370,7 @@
    onExited: function

  • Returns void

    @@ -386,7 +386,7 @@
    onHide: function

  • Returns void

    @@ -503,7 +503,7 @@
    onClose: function

  • Returns void

    @@ -519,7 +519,7 @@
    onExited: function

  • Returns void

    @@ -611,11 +611,11 @@

    Returns void

  • -
    show: { <T, C>(modal: React.FC<C>, args?: NiceModalArgs<React.FC<C>>): Promise<T>; <T>(modal: string, args?: Record<string, unknown>): Promise<T>; <T, P>(modal: string, args: P): Promise<T> }
    +
    show: { <T, C>(modal: React.FC<C>, args?: Partial<NiceModalArgs<React.FC<C>>>): Promise<T>; <T>(modal: string, args?: Record<string, unknown>): Promise<T>; <T, P>(modal: string, args: P): Promise<T> }
      • -
      • <T, C>(modal: React.FC<C>, args?: NiceModalArgs<React.FC<C>>): Promise<T>
        • +
      • <T, C>(modal: React.FC<C>, args?: Partial<NiceModalArgs<React.FC<C>>>): Promise<T>
      • <T>(modal: string, args?: Record<string, unknown>): Promise<T>
      • <T, P>(modal: string, args: P): Promise<T>
      @@ -636,7 +636,7 @@

      Parameters

      modal: React.FC<C>
    • -
      Optional args: NiceModalArgs<React.FC<C>>
      +
      Optional args: Partial<NiceModalArgs<React.FC<C>>>

    Returns Promise<T>

    @@ -685,13 +685,13 @@

    Returns Promise

  • -
    useModal: { (): NiceModalHandler; (modal: string, args?: Record<string, unknown>): NiceModalHandler; <T, ComponentProps, PreparedProps, RemainingProps, ResolveType>(modal: T, args?: PreparedProps): Omit<NiceModalHandler, "show"> & { show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType> } }
    +
    useModal: { (): NiceModalHandler; (modal: string, args?: Record<string, unknown>): NiceModalHandler; <C, P>(modal: React.FC<C>, args?: P): Omit<NiceModalHandler, "show"> & { show: any } }

    Returns Promise<T>

    @@ -1398,7 +1389,7 @@

    Returns Promise

    Type parameters

    @@ -1421,7 +1412,7 @@

    Returns Promise

    Type parameters

    @@ -1456,7 +1447,7 @@

    Const unregister

  • @@ -1483,13 +1474,13 @@

    useModal

    • useModal(): NiceModalHandler
    • useModal(modal: string, args?: Record<string, unknown>): NiceModalHandler
      • -
    • useModal<T, ComponentProps, PreparedProps, RemainingProps, ResolveType>(modal: T, args?: PreparedProps): Omit<NiceModalHandler, "show"> & { show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType> }
      • +
    • useModal<C, P>(modal: React.FC<C>, args?: P): Omit<NiceModalHandler, "show"> & { show: any }

    • Returns NiceModalHandler

      @@ -1497,7 +1488,7 @@

      Returns

      Parameters

      @@ -1514,37 +1505,28 @@

      Returns

      Type parameters

      • -

        T: FunctionComponent<any, T>

        -
        • -
      • -

        ComponentProps: Omit<any, "id">

        -
        • -
      • -

        PreparedProps: Partial<ComponentProps> = {} | ComponentProps

        -
        • -
      • -

        RemainingProps = Omit<ComponentProps, keyof PreparedProps> & Partial<ComponentProps>

        +

        C: unknown

      • -

        ResolveType = unknown

        +

        P: Partial<Omit<C & { children?: ReactNode }, "id">>

      Parameters

      • -
        modal: T
        +
        modal: React.FC<C>
      • -
        Optional args: PreparedProps
        +
        Optional args: P
      -

      Returns Omit<NiceModalHandler, "show"> & { show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType> }

      +

      Returns Omit<NiceModalHandler, "show"> & { show: any }

    • diff --git a/docs/api/interfaces/NiceModalAction.html b/docs/api/interfaces/NiceModalAction.html index 6612ef4..fa2e8c5 100644 --- a/docs/api/interfaces/NiceModalAction.html +++ b/docs/api/interfaces/NiceModalAction.html @@ -95,7 +95,7 @@

    payload

    payload: { args?: Record<string, unknown>; flags?: Record<string, unknown>; modalId: string }
    @@ -119,7 +119,7 @@

    type

    type: string
    diff --git a/docs/api/interfaces/NiceModalHandler.html b/docs/api/interfaces/NiceModalHandler.html index 7e2efdb..49c4555 100644 --- a/docs/api/interfaces/NiceModalHandler.html +++ b/docs/api/interfaces/NiceModalHandler.html @@ -130,7 +130,7 @@

    Optional args

    @@ -141,7 +141,7 @@

    Optional delayVisible

    Inherited from NiceModalState.delayVisible

    @@ -152,7 +152,7 @@

    id

    @@ -163,7 +163,7 @@

    keepMounted

    @@ -179,7 +179,7 @@

    visible

    @@ -201,7 +201,7 @@

    hide

  • @@ -223,7 +223,7 @@

    reject

  • @@ -251,7 +251,7 @@

    remove

  • @@ -273,7 +273,7 @@

    resolve

  • @@ -301,7 +301,7 @@

    resolveHide

  • @@ -329,7 +329,7 @@

    show

  • diff --git a/docs/api/interfaces/NiceModalHocProps.html b/docs/api/interfaces/NiceModalHocProps.html index f615d48..9325416 100644 --- a/docs/api/interfaces/NiceModalHocProps.html +++ b/docs/api/interfaces/NiceModalHocProps.html @@ -96,7 +96,7 @@

    Optional defaultVisibledefaultVisible: boolean

    @@ -106,7 +106,7 @@

    id

    id: string
    @@ -116,7 +116,7 @@

    Optional keepMounted

    keepMounted: boolean
    diff --git a/docs/api/interfaces/NiceModalState.html b/docs/api/interfaces/NiceModalState.html index 0521cbb..26f9039 100644 --- a/docs/api/interfaces/NiceModalState.html +++ b/docs/api/interfaces/NiceModalState.html @@ -103,7 +103,7 @@

    Optional args

    args: Record<string, unknown>
    @@ -113,7 +113,7 @@

    Optional delayVisible

    delayVisible: boolean
    • @@ -123,7 +123,7 @@

    id

    id: string
    @@ -133,7 +133,7 @@

    Optional keepMounted

    keepMounted: boolean
    @@ -143,7 +143,7 @@

    Optional visible

    visible: boolean
    diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json index fc386cf..75c913e 100644 --- a/docs/asset-manifest.json +++ b/docs/asset-manifest.json @@ -1,8 +1,8 @@ { "files": { "main.css": "./static/css/main.4fe4bbe5.chunk.css", - "main.js": "./static/js/main.896621f7.chunk.js", - "main.js.map": "./static/js/main.896621f7.chunk.js.map", + "main.js": "./static/js/main.6645edd4.chunk.js", + "main.js.map": "./static/js/main.6645edd4.chunk.js.map", "runtime-main.js": "./static/js/runtime-main.3e6ba3ee.js", "runtime-main.js.map": "./static/js/runtime-main.3e6ba3ee.js.map", "static/css/2.9573e3cf.chunk.css": "./static/css/2.9573e3cf.chunk.css", @@ -20,6 +20,6 @@ "static/css/2.9573e3cf.chunk.css", "static/js/2.039ea410.chunk.js", "static/css/main.4fe4bbe5.chunk.css", - "static/js/main.896621f7.chunk.js" + "static/js/main.6645edd4.chunk.js" ] } \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 0db1ce4..c30ed94 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1 +1 @@ -Nice Modal
    \ No newline at end of file +Nice Modal
    \ No newline at end of file diff --git a/docs/static/js/main.896621f7.chunk.js b/docs/static/js/main.6645edd4.chunk.js similarity index 89% rename from docs/static/js/main.896621f7.chunk.js rename to docs/static/js/main.6645edd4.chunk.js index 4d8f205..700f5d8 100644 --- a/docs/static/js/main.896621f7.chunk.js +++ b/docs/static/js/main.6645edd4.chunk.js @@ -1,2 +1,2 @@ -(this.webpackJsonpexample=this.webpackJsonpexample||[]).push([[0],{226:function(e,n,o){},337:function(e,n,o){},341:function(e,n,o){"use strict";o.r(n);var t=o(0),r=o.n(t),a=o(21),i=o.n(a),l=(o(226),function(){return l=Object.assign||function(e){for(var n,o=1,t=arguments.length;o {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n {\n if (!visible) modal.remove();\n }}\n >\n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n \n \n \n \n );\n}\n","UserInfoModal.jsx":"import { useCallback } from 'react';\nimport { Form, Modal } from 'antd';\nimport FormBuilder from 'antd-form-builder';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nexport default NiceModal.create(({ user }) => {\n const modal = useModal();\n const [form] = Form.useForm();\n const meta = {\n initialValues: user,\n fields: [\n { key: 'name', label: 'Name', required: true },\n { key: 'job', label: 'Job Title', required: true },\n ],\n };\n\n const handleSubmit = useCallback(() => {\n form.validateFields().then(() => {\n const newUser = { ...form.getFieldsValue() };\n // In real case, you may call API to create user or update user\n if (!user) {\n newUser.id = String(Date.now());\n } else {\n newUser.id = user.id;\n }\n modal.resolve(newUser);\n modal.hide();\n });\n }, [modal, user, form]);\n return (\n \n
    \n \n \n \n );\n});\n","UserList.jsx":"import { useMemo, useCallback, useState } from 'react';\nimport { Button, Table } from 'antd';\nimport { EditOutlined } from '@ant-design/icons';\nimport { useModal } from '@ebay/nice-modal-react';\nimport UserInfoModal from './UserInfoModal';\nimport mockData from './mock';\n\nexport default function UserList() {\n const userModal = useModal(UserInfoModal);\n const [users, setUsers] = useState(mockData);\n\n const handleNewUser = useCallback(() => {\n userModal.show().then((newUser) => {\n setUsers([newUser, ...users]);\n });\n }, [userModal, users]);\n\n const handleEditUser = useCallback(\n (user) => {\n userModal.show({ user }).then((newUser) => {\n setUsers((users) => {\n // Modify users immutablly\n const i = users.findIndex((u) => u.id === newUser.id);\n const updated = { ...users[i], ...newUser };\n const arr = [...users];\n arr.splice(i, 1, updated);\n return arr;\n });\n });\n },\n [userModal],\n );\n\n const columns = useMemo(\n () => [\n {\n title: 'Name',\n dataIndex: 'name',\n width: '150px',\n },\n {\n title: 'Job Title',\n dataIndex: 'job',\n },\n {\n title: 'Edit',\n width: '100px',\n render(value, user) {\n return (\n }\n onClick={() => {\n handleEditUser(user);\n }}\n />\n );\n },\n },\n ],\n [handleEditUser],\n );\n\n return (\n
    \n \n \n
    \n );\n}\n","PromiseSample.jsx":"import { Modal, Button, Space } from 'antd';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nconst PromiseModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n const handleResolve = () => {\n modal.resolve({ resolved: true });\n };\n const handleReject = () => {\n modal.reject(new Error('Rejected'));\n modal.hide();\n };\n return (\n \n

    Choose the promise action: {name}

    \n \n \n \n \n     \n );\n});\n\nconst ChainingModal = NiceModal.create(({ times }) => {\n const modal = useModal();\n return (\n \n \n
    \n
    \n Showed {times}/3 times.\n     \n );\n});\n\nexport default function PromiseSample() {\n const chainingModal = useModal(ChainingModal);\n const showPromiseModal = () => {\n NiceModal.show(PromiseModal, { name: 'nate' })\n .then((res) => {\n console.log('Resolved: ', res);\n NiceModal.show(PromiseModal, { name: 'nate2' });\n })\n .catch((err) => {\n console.log('Rejected: ', err);\n });\n };\n const showChainingModal = async () => {\n for (let i = 0; i < 3; i++) {\n await chainingModal.show({ times: i + 1 });\n await chainingModal.hide();\n }\n };\n\n return (\n <>\n

    NOTE: please open dev console to see the output.

    \n \n \n\n \n \n \n );\n}\n","MyMuiDialog.tsx":"import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Slide from '@material-ui/core/Slide';\nimport { TransitionProps } from '@material-ui/core/transitions';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nconst Transition = React.forwardRef(function Transition(\n props: TransitionProps & { children?: React.ReactElement },\n ref: React.Ref,\n) {\n return ;\n});\n\nconst MyMuiDialog = NiceModal.create(() => {\n const modal = useModal();\n return (\n modal.hide()}\n TransitionProps={{\n onExited: () => modal.remove(),\n }}\n >\n {\"Use Google's location service?\"}\n \n \n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\n apps are running.\n \n \n \n \n \n \n \n );\n});\n\nexport default function MuiDialogSample() {\n return (\n \n );\n}\n","MyBootstrapDialog.tsx":"import BootstrapModal from 'react-bootstrap/Modal';\nimport Button from 'react-bootstrap/Button';\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\n\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\n const modal = useModal();\n return (\n \n \n Modal title\n \n\n \n

    Modal body text goes here. {name}

    \n     \n\n \n \n \n \n     \n );\n});\nexport default function BootstrapSample() {\n return (\n <>\n \n \n );\n}\n","ReduxIntegration.jsx":"import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\nimport { Provider, useSelector, useDispatch } from 'react-redux';\nimport NiceModal from '@ebay/nice-modal-react';\nimport { Button } from 'antd';\nimport { MyAntdModal } from './MyAntdModal';\nimport logger from 'redux-logger';\n\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\nconst enhancer = composeEnhancers(applyMiddleware(logger));\n\nconst store = createStore(\n combineReducers({\n __nice_modals: NiceModal.reducer,\n // other reducers...\n }),\n enhancer,\n);\n\nconst ModalsProvider = ({ children }) => {\n const modals = useSelector((s) => s.__nice_modals);\n const dispatch = useDispatch();\n return (\n \n

    NOTE: open dev console or Redux dev tools to see actions log.

    \n {\n NiceModal.show(MyAntdModal, { name: 'Redux' });\n }}\n >\n Show Modal\n \n     \n );\n};\n\nexport default function ReduxIntegration({ children }) {\n return (\n \n {children}\n \n );\n}\n","Declarative.jsx":"import { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n <>\n \n \n \n );\n}\n","PropsBinding.jsx":"import { useEffect, useState } from 'react';\nimport { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ time }) => {\n const modal = useModal();\n return (\n \n Time: {time}\n \n );\n});\n\nexport default function Example() {\n const [time, setTime] = useState(0);\n useEffect(() => {\n const p = setInterval(() => setTime((t) => t + 1), 1000);\n return () => clearInterval(p);\n }, []);\n\n // modalHandler will be assign show/hide method.\n const modalHandler = {};\n\n return (\n <>\n \n \n \n );\n}\n"};function F(e){var n=e.filename;return Object(t.useEffect)((function(){window.Prism.highlightAll()}),[n]),Object(_.jsxs)("div",{className:"code-viewer",children:[Object(_.jsx)("h5",{children:n}),Object(_.jsx)("pre",{children:Object(_.jsx)("code",{className:"language-jsx line-numbers",children:H[n]||'// Error: code of "'.concat(n,'" not found')})})]})}var L=o(34),G=o(178),V=o(37),J=o(374),K=o(375),X=o(376),q=o(379),z=o(208),Q=R.create((function(e){var n=e.user,o=C(),r=X.a.useForm(),a=Object(U.a)(r,1)[0],i={initialValues:n,fields:[{key:"name",label:"Name",required:!0},{key:"job",label:"Job Title",required:!0}]},l=Object(t.useCallback)((function(){a.validateFields().then((function(){var e=Object(L.a)({},a.getFieldsValue());e.id=n?n.id:String(Date.now()),o.resolve(e),o.hide()}))}),[o,n,a]);return Object(_.jsx)(q.a,Object(L.a)(Object(L.a)({},D(o)),{},{title:n?"Edit User":"New User",okText:n?"Update":"Create",onOk:l,children:Object(_.jsx)(X.a,{form:a,children:Object(_.jsx)(z.a,{meta:i,form:a})})}))})),W=[{id:"1",name:"Kennedy",job:"Chief Mobility Orchestrator",city:"North Alec"},{id:"2",name:"Lucius",job:"Internal Research Manager",city:"Littleland"},{id:"3",name:"Carlos",job:"Lead Configuration Analyst",city:"South Lillian"},{id:"4",name:"Urban",job:"Chief Operations Agent",city:"Shieldshaven"},{id:"5",name:"Katrine",job:"Legacy Solutions Orchestrator",city:"South Kyleigh"}];o(337);var Y=o(177),Z=o.n(Y),$=o(206),ee=o(381),ne=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,Object(L.a)(Object(L.a)({title:"Promise Example"},D(o)),{},{children:[Object(_.jsxs)("p",{children:["Choose the promise action: ",n]}),Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{onClick:function(){o.resolve({resolved:!0})},children:"Resolve"}),Object(_.jsx)(V.a,{onClick:function(){o.reject(new Error("Rejected")),o.hide()},danger:!0,children:"Reject"})]})]}))})),oe=R.create((function(e){var n=e.times,o=C();return Object(_.jsxs)(q.a,Object(L.a)(Object(L.a)({title:"Chaining Same Modal Example"},D(o)),{},{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return o.resolve()},children:"Hide with resolve."}),Object(_.jsx)("br",{}),Object(_.jsx)("br",{}),"Showed ",n,"/3 times."]}))}));var te=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,{title:"Hello Antd",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Greetings: ",n,"!"]})}));var re=o(378),ae=o(377),ie=o(373),le=o(371),ce=o(372),de=o(370),se=o(382),ue=r.a.forwardRef((function(e,n){return Object(_.jsx)(se.a,Object(L.a)({direction:"up",ref:n},e))})),me=R.create((function(){var e=C();return Object(_.jsxs)(ae.a,{TransitionComponent:ue,open:e.visible,onClose:function(){return e.hide()},TransitionProps:{onExited:function(){return e.remove()}},children:[Object(_.jsx)(de.a,{id:"alert-dialog-slide-title",children:"Use Google's location service?"}),Object(_.jsx)(le.a,{children:Object(_.jsx)(ce.a,{id:"alert-dialog-slide-description",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),Object(_.jsxs)(ie.a,{children:[Object(_.jsx)(re.a,{onClick:function(){return e.hide()},color:"primary",children:"Disagree"}),Object(_.jsx)(re.a,{onClick:function(){return e.hide()},color:"primary",children:"Agree"})]})]})}));var pe=o(380),he=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,{title:"Hello Antd",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Greetings: ",n,"!"]})})),fe=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(pe.a,{title:"Hello Antd",visible:o.visible,onClose:o.hide,afterVisibleChange:function(e){e||o.remove()},children:["Greetings: ",n,"!"]})}));var be=o(98),je=o(157),ve=R.create((function(e){var n=e.name,o=void 0===n?"Bootstrap":n,t=C();return Object(_.jsxs)(be.a,Object(L.a)(Object(L.a)({},T(t)),{},{title:"Nice Modal",children:[Object(_.jsx)(be.a.Header,{closeButton:!0,children:Object(_.jsx)(be.a.Title,{children:"Modal title"})}),Object(_.jsx)(be.a.Body,{children:Object(_.jsxs)("p",{children:["Modal body text goes here. ",o]})}),Object(_.jsxs)(be.a.Footer,{children:[Object(_.jsx)(je.a,{variant:"secondary",onClick:t.hide,children:"Close"}),Object(_.jsx)(je.a,{variant:"primary",onClick:t.hide,children:"Save changes"})]})]}))}));var Me=o(112),xe=o(156),Oe=o(207),ge=o.n(Oe),ye=("undefined"!==typeof window&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__||Me.c)(Object(Me.a)(ge.a)),we=Object(Me.d)(Object(Me.b)({__nice_modals:R.reducer}),ye),Ce=function(e){e.children;var n=Object(xe.c)((function(e){return e.__nice_modals})),o=Object(xe.b)();return Object(_.jsxs)(R.Provider,{modals:n,dispatch:o,children:[Object(_.jsx)("p",{style:{color:"#999"},children:"NOTE: open dev console or Redux dev tools to see actions log."}),Object(_.jsx)(V.a,{type:"primary",onClick:function(){R.show(he,{name:"Redux"})},children:"Show Modal"})]})};var ke=R.create((function(e){var n=e.time,o=C();return Object(_.jsxs)(q.a,{title:"Props Binding",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Time: ",n]})}));var Be={real:{name:"Real Case",component:function(){var e=C(Q),n=Object(t.useState)(W),o=Object(U.a)(n,2),r=o[0],a=o[1],i=Object(t.useCallback)((function(){e.show().then((function(e){a([e].concat(Object(G.a)(r)))}))}),[e,r]),l=Object(t.useCallback)((function(n){e.show({user:n}).then((function(e){a((function(n){var o=n.findIndex((function(n){return n.id===e.id})),t=Object(L.a)(Object(L.a)({},n[o]),e),r=Object(G.a)(n);return r.splice(o,1,t),r}))}))}),[e]),c=Object(t.useMemo)((function(){return[{title:"Name",dataIndex:"name",width:"150px"},{title:"Job Title",dataIndex:"job"},{title:"Edit",width:"100px",render:function(e,n){return Object(_.jsx)(V.a,{type:"link",icon:Object(_.jsx)(K.a,{}),onClick:function(){l(n)}})}}]}),[l]);return Object(_.jsxs)("div",{children:[Object(_.jsx)(V.a,{type:"primary",onClick:i,children:"+ New User"}),Object(_.jsx)(J.a,{size:"small",rowKey:"id",pagination:!1,columns:c,dataSource:r,style:{marginTop:"20px"}})]})},description:"Show a dialog to create a new user or edit user info.",code:["UserList.jsx","UserInfoModal.jsx"]},mui:{name:"Material UI",description:"Show material UI dialog",component:function(){return Object(_.jsx)(re.a,{variant:"contained",onClick:function(){return R.show(me)},color:"primary",children:"Agree"})},code:["MyMuiDialog.tsx"]},antd:{name:"Ant Design",description:"Show/hide antd modal or drawer.",component:function(){return Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show(he,{name:"Nate"})},children:"Show Modal"}),Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show(fe,{name:"Bood"})},children:"Show Drawer"})]})},code:["MyAntdModal.tsx"]},bootstrap:{name:"Bootstrap React",descript:"Show/hide bootstrap dialog.",component:function(){return Object(_.jsx)(_.Fragment,{children:Object(_.jsx)(je.a,{variant:"primary",onClick:function(){return R.show(ve,{name:"Bootstrap"})},children:"Show Dialog"})})},code:["MyBootstrapDialog.tsx"]},promise:{name:"Promise",description:"Use promise to interact with the dialog.",component:function(){var e=C(oe),n=function(){var n=Object($.a)(Z.a.mark((function n(){var o;return Z.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:o=0;case 1:if(!(o<3)){n.next=9;break}return n.next=4,e.show({times:o+1});case 4:return n.next=6,e.hide();case 6:o++,n.next=1;break;case 9:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)("p",{style:{color:"#888"},children:"NOTE: please open dev console to see the output."}),Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){R.show(ne,{name:"nate"}).then((function(e){console.log("Resolved: ",e),R.show(ne,{name:"nate2"})})).catch((function(e){console.log("Rejected: ",e)}))},children:"Show Modal"}),Object(_.jsx)(V.a,{type:"primary",onClick:n,children:"Chaining Same Modal"})]})]})},code:["PromiseSample.jsx"]},declarative:{name:"Declarative",description:"Declarative way to register a modal with id.",component:function(){return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show("my-antd-modal",{name:"Nate"})},children:"Show Modal"}),Object(_.jsx)(S,{id:"my-antd-modal",component:te})]})},code:["Declarative.jsx"]},propsBinding:{name:"Props Binding",description:"To bind props to modal, need to declare the modal using jsx.",component:function(){var e=Object(t.useState)(0),n=Object(U.a)(e,2),o=n[0],r=n[1];Object(t.useEffect)((function(){var e=setInterval((function(){return r((function(e){return e+1}))}),1e3);return function(){return clearInterval(e)}}),[]);var a={};return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return a.show()},children:"Show Modal"}),Object(_.jsx)(E,{modal:ke,handler:a,time:o})]})},code:["PropsBinding.jsx"]},redux:{name:"Redux Integration",description:"Use Redux to manage modals state so that you can use Redux dev tools to debug nice modals.",component:function(e){var n=e.children;return Object(_.jsx)(xe.a,{store:we,children:Object(_.jsx)(Ce,{children:n})})},code:["ReduxIntegration.jsx"]}};var Ne=function(){var e,n=A()||"real",o=Be[n]||{},t=Object(_.jsxs)("div",{className:"app",children:[Object(_.jsxs)("div",{className:"sider",children:[Object(_.jsxs)("h1",{children:[Object(_.jsx)("span",{className:"header-name",children:"@ebay/nice-modal-react"}),Object(_.jsx)("span",{className:"example-title",children:"Examples"})]}),Object(_.jsx)("div",{className:"scroll-container",children:Object(_.jsx)("ul",{children:Object.keys(Be).map((function(e){return Object(_.jsx)("li",{children:Object(_.jsx)("a",{href:"#".concat(e),className:n===e?"active":"",children:Be[e].name})},e)}))})}),Object(_.jsxs)("div",{className:"social",children:[Object(_.jsx)("a",{href:"https://github.com/ebay/nice-modal-react",children:Object(_.jsx)("img",{src:"https://img.shields.io/github/stars/eBay/nice-modal-react?style=social",alt:"Github Repo"})}),Object(_.jsx)("br",{}),Object(_.jsx)("a",{href:"https://ebay.github.io/nice-modal-react/api",children:Object(_.jsx)("img",{src:"https://img.shields.io/badge/API-Reference-green",alt:"api reference"})}),Object(_.jsx)("br",{}),Object(_.jsx)("a",{href:"https://codesandbox.io/s/github/ebay/nice-modal-react/tree/main/example",children:Object(_.jsx)("img",{width:"150px",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"codesandbox"})})]})]}),Object(_.jsxs)("div",{children:[Object(_.jsx)("div",{className:"example-container",children:function(){var e=Be[n];if(!e||!e.component)return Object(_.jsxs)("span",{style:{color:"red"},children:['Error: example "',n,'" not found.']});var o=e.component;return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsxs)("h1",{children:[e.name,Object(_.jsx)("p",{className:"example-description",children:e.description})]}),Object(_.jsx)(o,{})]})}()}),Object(_.jsx)("div",{className:"code-container",children:null===(e=o.code)||void 0===e?void 0:e.map((function(e){return Object(_.jsx)(F,{filename:e},e)}))})]})]});return"redux"===n?t:Object(_.jsx)(R.Provider,{children:t})},Se=function(e){e&&e instanceof Function&&o.e(3).then(o.bind(null,383)).then((function(n){var o=n.getCLS,t=n.getFID,r=n.getFCP,a=n.getLCP,i=n.getTTFB;o(e),t(e),r(e),a(e),i(e)}))};o(339),o(340);i.a.render(Object(_.jsx)(Ne,{}),document.getElementById("root")),Se()}},[[341,1,2]]]); -//# sourceMappingURL=main.896621f7.chunk.js.map \ No newline at end of file +(this.webpackJsonpexample=this.webpackJsonpexample||[]).push([[0],{226:function(e,n,o){},337:function(e,n,o){},341:function(e,n,o){"use strict";o.r(n);var t=o(0),r=o.n(t),a=o(21),i=o.n(a),l=(o(226),function(){return l=Object.assign||function(e){for(var n,o=1,t=arguments.length;o {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n {\n if (!visible) modal.remove();\n }}\n >\n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n \n \n \n \n );\n}\n","UserInfoModal.jsx":"import { useCallback } from 'react';\nimport { Form, Modal } from 'antd';\nimport FormBuilder from 'antd-form-builder';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nexport default NiceModal.create(({ user }) => {\n const modal = useModal();\n const [form] = Form.useForm();\n const meta = {\n initialValues: user,\n fields: [\n { key: 'name', label: 'Name', required: true },\n { key: 'job', label: 'Job Title', required: true },\n ],\n };\n\n const handleSubmit = useCallback(() => {\n form.validateFields().then(() => {\n const newUser = { ...form.getFieldsValue() };\n // In real case, you may call API to create user or update user\n if (!user) {\n newUser.id = String(Date.now());\n } else {\n newUser.id = user.id;\n }\n modal.resolve(newUser);\n modal.hide();\n });\n }, [modal, user, form]);\n return (\n \n
    \n \n \n \n );\n});\n","UserList.jsx":"import { useMemo, useCallback, useState } from 'react';\nimport { Button, Table } from 'antd';\nimport { EditOutlined } from '@ant-design/icons';\nimport { useModal } from '@ebay/nice-modal-react';\nimport UserInfoModal from './UserInfoModal';\nimport mockData from './mock';\n\nexport default function UserList() {\n const userModal = useModal(UserInfoModal);\n const [users, setUsers] = useState(mockData);\n\n const handleNewUser = useCallback(() => {\n userModal.show().then((newUser) => {\n setUsers([newUser, ...users]);\n });\n }, [userModal, users]);\n\n const handleEditUser = useCallback(\n (user) => {\n userModal.show({ user }).then((newUser) => {\n setUsers((users) => {\n // Modify users immutablly\n const i = users.findIndex((u) => u.id === newUser.id);\n const updated = { ...users[i], ...newUser };\n const arr = [...users];\n arr.splice(i, 1, updated);\n return arr;\n });\n });\n },\n [userModal],\n );\n\n const columns = useMemo(\n () => [\n {\n title: 'Name',\n dataIndex: 'name',\n width: '150px',\n },\n {\n title: 'Job Title',\n dataIndex: 'job',\n },\n {\n title: 'Edit',\n width: '100px',\n render(value, user) {\n return (\n }\n onClick={() => {\n handleEditUser(user);\n }}\n />\n );\n },\n },\n ],\n [handleEditUser],\n );\n\n return (\n
    \n \n \n
    \n );\n}\n","PromiseSample.jsx":"import { Modal, Button, Space } from 'antd';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nconst PromiseModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n const handleResolve = () => {\n modal.resolve({ resolved: true });\n };\n const handleReject = () => {\n modal.reject(new Error('Rejected'));\n modal.hide();\n };\n return (\n \n

    Choose the promise action: {name}

    \n \n \n \n \n     \n );\n});\n\nconst ChainingModal = NiceModal.create(({ times }) => {\n const modal = useModal();\n return (\n \n \n
    \n
    \n Showed {times}/3 times.\n     \n );\n});\n\nexport default function PromiseSample() {\n const chainingModal = useModal(ChainingModal);\n const showPromiseModal = () => {\n NiceModal.show(PromiseModal, { name: 'nate' })\n .then((res) => {\n console.log('Resolved: ', res);\n NiceModal.show(PromiseModal, { name: 'nate2' });\n })\n .catch((err) => {\n console.log('Rejected: ', err);\n });\n };\n const showChainingModal = async () => {\n for (let i = 0; i < 3; i++) {\n await chainingModal.show({ times: i + 1 });\n await chainingModal.hide();\n }\n };\n\n return (\n <>\n

    NOTE: please open dev console to see the output.

    \n \n \n\n \n \n \n );\n}\n","MyMuiDialog.tsx":"import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Slide from '@material-ui/core/Slide';\nimport { TransitionProps } from '@material-ui/core/transitions';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nconst Transition = React.forwardRef(function Transition(\n props: TransitionProps & { children?: React.ReactElement },\n ref: React.Ref,\n) {\n return ;\n});\n\nconst MyMuiDialog = NiceModal.create(() => {\n const modal = useModal();\n return (\n modal.hide()}\n TransitionProps={{\n onExited: () => modal.remove(),\n }}\n >\n {\"Use Google's location service?\"}\n \n \n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\n apps are running.\n \n \n \n \n \n \n \n );\n});\n\nexport default function MuiDialogSample() {\n return (\n \n );\n}\n","MyBootstrapDialog.tsx":"import BootstrapModal from 'react-bootstrap/Modal';\nimport Button from 'react-bootstrap/Button';\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\n\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\n const modal = useModal();\n return (\n \n \n Modal title\n \n\n \n

    Modal body text goes here. {name}

    \n     \n\n \n \n \n \n     \n );\n});\nexport default function BootstrapSample() {\n return (\n <>\n \n \n );\n}\n","ReduxIntegration.jsx":"import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\nimport { Provider, useSelector, useDispatch } from 'react-redux';\nimport NiceModal from '@ebay/nice-modal-react';\nimport { Button } from 'antd';\nimport { MyAntdModal } from './MyAntdModal';\nimport logger from 'redux-logger';\n\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\nconst enhancer = composeEnhancers(applyMiddleware(logger));\n\nconst store = createStore(\n combineReducers({\n __nice_modals: NiceModal.reducer,\n // other reducers...\n }),\n enhancer,\n);\n\nconst ModalsProvider = ({ children }) => {\n const modals = useSelector((s) => s.__nice_modals);\n const dispatch = useDispatch();\n return (\n \n

    NOTE: open dev console or Redux dev tools to see actions log.

    \n {\n NiceModal.show(MyAntdModal, { name: 'Redux' });\n }}\n >\n Show Modal\n \n     \n );\n};\n\nexport default function ReduxIntegration({ children }) {\n return (\n \n {children}\n \n );\n}\n","Declarative.jsx":"import { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n <>\n \n \n \n );\n}\n","PropsBinding.jsx":"import { useEffect, useState } from 'react';\nimport { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ time }) => {\n const modal = useModal();\n return (\n \n Time: {time}\n \n );\n});\n\nexport default function Example() {\n const [time, setTime] = useState(0);\n useEffect(() => {\n const p = setInterval(() => setTime((t) => t + 1), 1000);\n return () => clearInterval(p);\n }, []);\n\n // modalHandler will be assign show/hide method.\n const modalHandler = {};\n\n return (\n <>\n \n \n \n );\n}\n"};function F(e){var n=e.filename;return Object(t.useEffect)((function(){window.Prism.highlightAll()}),[n]),Object(_.jsxs)("div",{className:"code-viewer",children:[Object(_.jsx)("h5",{children:n}),Object(_.jsx)("pre",{children:Object(_.jsx)("code",{className:"language-jsx line-numbers",children:H[n]||'// Error: code of "'.concat(n,'" not found')})})]})}var L=o(34),G=o(178),V=o(37),J=o(374),K=o(375),X=o(376),q=o(379),z=o(208),Q=R.create((function(e){var n=e.user,o=C(),r=X.a.useForm(),a=Object(U.a)(r,1)[0],i={initialValues:n,fields:[{key:"name",label:"Name",required:!0},{key:"job",label:"Job Title",required:!0}]},l=Object(t.useCallback)((function(){a.validateFields().then((function(){var e=Object(L.a)({},a.getFieldsValue());e.id=n?n.id:String(Date.now()),o.resolve(e),o.hide()}))}),[o,n,a]);return Object(_.jsx)(q.a,Object(L.a)(Object(L.a)({},D(o)),{},{title:n?"Edit User":"New User",okText:n?"Update":"Create",onOk:l,children:Object(_.jsx)(X.a,{form:a,children:Object(_.jsx)(z.a,{meta:i,form:a})})}))})),W=[{id:"1",name:"Kennedy",job:"Chief Mobility Orchestrator",city:"North Alec"},{id:"2",name:"Lucius",job:"Internal Research Manager",city:"Littleland"},{id:"3",name:"Carlos",job:"Lead Configuration Analyst",city:"South Lillian"},{id:"4",name:"Urban",job:"Chief Operations Agent",city:"Shieldshaven"},{id:"5",name:"Katrine",job:"Legacy Solutions Orchestrator",city:"South Kyleigh"}];o(337);var Y=o(177),Z=o.n(Y),$=o(206),ee=o(381),ne=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,Object(L.a)(Object(L.a)({title:"Promise Example"},D(o)),{},{children:[Object(_.jsxs)("p",{children:["Choose the promise action: ",n]}),Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{onClick:function(){o.resolve({resolved:!0})},children:"Resolve"}),Object(_.jsx)(V.a,{onClick:function(){o.reject(new Error("Rejected")),o.hide()},danger:!0,children:"Reject"})]})]}))})),oe=R.create((function(e){var n=e.times,o=C();return Object(_.jsxs)(q.a,Object(L.a)(Object(L.a)({title:"Chaining Same Modal Example"},D(o)),{},{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return o.resolve()},children:"Hide with resolve."}),Object(_.jsx)("br",{}),Object(_.jsx)("br",{}),"Showed ",n,"/3 times."]}))}));var te=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,{title:"Hello Antd",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Greetings: ",n,"!"]})}));var re=o(378),ae=o(377),ie=o(373),le=o(371),ce=o(372),de=o(370),se=o(382),ue=r.a.forwardRef((function(e,n){return Object(_.jsx)(se.a,Object(L.a)({direction:"up",ref:n},e))})),me=R.create((function(){var e=C();return Object(_.jsxs)(ae.a,{TransitionComponent:ue,open:e.visible,onClose:function(){return e.hide()},TransitionProps:{onExited:function(){return e.remove()}},children:[Object(_.jsx)(de.a,{id:"alert-dialog-slide-title",children:"Use Google's location service?"}),Object(_.jsx)(le.a,{children:Object(_.jsx)(ce.a,{id:"alert-dialog-slide-description",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),Object(_.jsxs)(ie.a,{children:[Object(_.jsx)(re.a,{onClick:function(){return e.hide()},color:"primary",children:"Disagree"}),Object(_.jsx)(re.a,{onClick:function(){return e.hide()},color:"primary",children:"Agree"})]})]})}));var pe=o(380),he=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(q.a,{title:"Hello Antd",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Greetings: ",n,"!"]})})),fe=R.create((function(e){var n=e.name,o=C();return Object(_.jsxs)(pe.a,{title:"Hello Antd",visible:o.visible,onClose:o.hide,afterVisibleChange:function(e){e||o.remove()},children:["Greetings: ",n,"!"]})}));var be=o(98),je=o(157),ve=R.create((function(e){var n=e.name,o=void 0===n?"Bootstrap":n,t=C();return Object(_.jsxs)(be.a,Object(L.a)(Object(L.a)({},T(t)),{},{title:"Nice Modal",children:[Object(_.jsx)(be.a.Header,{closeButton:!0,children:Object(_.jsx)(be.a.Title,{children:"Modal title"})}),Object(_.jsx)(be.a.Body,{children:Object(_.jsxs)("p",{children:["Modal body text goes here. ",o]})}),Object(_.jsxs)(be.a.Footer,{children:[Object(_.jsx)(je.a,{variant:"secondary",onClick:t.hide,children:"Close"}),Object(_.jsx)(je.a,{variant:"primary",onClick:t.hide,children:"Save changes"})]})]}))}));var Me=o(112),xe=o(156),Oe=o(207),ge=o.n(Oe),ye=("undefined"!==typeof window&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__||Me.c)(Object(Me.a)(ge.a)),we=Object(Me.d)(Object(Me.b)({__nice_modals:R.reducer}),ye),Ce=function(e){e.children;var n=Object(xe.c)((function(e){return e.__nice_modals})),o=Object(xe.b)();return Object(_.jsxs)(R.Provider,{modals:n,dispatch:o,children:[Object(_.jsx)("p",{style:{color:"#999"},children:"NOTE: open dev console or Redux dev tools to see actions log."}),Object(_.jsx)(V.a,{type:"primary",onClick:function(){R.show(he,{name:"Redux"})},children:"Show Modal"})]})};var ke=R.create((function(e){var n=e.time,o=C();return Object(_.jsxs)(q.a,{title:"Props Binding",visible:o.visible,onOk:o.hide,onCancel:o.hide,afterClose:o.remove,children:["Time: ",n]})}));var Be={real:{name:"Real Case",component:function(){var e=C(Q),n=Object(t.useState)(W),o=Object(U.a)(n,2),r=o[0],a=o[1],i=Object(t.useCallback)((function(){e.show().then((function(e){a([e].concat(Object(G.a)(r)))}))}),[e,r]),l=Object(t.useCallback)((function(n){e.show({user:n}).then((function(e){a((function(n){var o=n.findIndex((function(n){return n.id===e.id})),t=Object(L.a)(Object(L.a)({},n[o]),e),r=Object(G.a)(n);return r.splice(o,1,t),r}))}))}),[e]),c=Object(t.useMemo)((function(){return[{title:"Name",dataIndex:"name",width:"150px"},{title:"Job Title",dataIndex:"job"},{title:"Edit",width:"100px",render:function(e,n){return Object(_.jsx)(V.a,{type:"link",icon:Object(_.jsx)(K.a,{}),onClick:function(){l(n)}})}}]}),[l]);return Object(_.jsxs)("div",{children:[Object(_.jsx)(V.a,{type:"primary",onClick:i,children:"+ New User"}),Object(_.jsx)(J.a,{size:"small",rowKey:"id",pagination:!1,columns:c,dataSource:r,style:{marginTop:"20px"}})]})},description:"Show a dialog to create a new user or edit user info.",code:["UserList.jsx","UserInfoModal.jsx"]},mui:{name:"Material UI",description:"Show material UI dialog",component:function(){return Object(_.jsx)(re.a,{variant:"contained",onClick:function(){return R.show(me)},color:"primary",children:"Agree"})},code:["MyMuiDialog.tsx"]},antd:{name:"Ant Design",description:"Show/hide antd modal or drawer.",component:function(){return Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show(he,{name:"Nate"})},children:"Show Modal"}),Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show(fe,{name:"Bood"})},children:"Show Drawer"})]})},code:["MyAntdModal.tsx"]},bootstrap:{name:"Bootstrap React",descript:"Show/hide bootstrap dialog.",component:function(){return Object(_.jsx)(_.Fragment,{children:Object(_.jsx)(je.a,{variant:"primary",onClick:function(){return R.show(ve,{name:"Bootstrap"})},children:"Show Dialog"})})},code:["MyBootstrapDialog.tsx"]},promise:{name:"Promise",description:"Use promise to interact with the dialog.",component:function(){var e=C(oe),n=function(){var n=Object($.a)(Z.a.mark((function n(){var o;return Z.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:o=0;case 1:if(!(o<3)){n.next=9;break}return n.next=4,e.show({times:o+1});case 4:return n.next=6,e.hide();case 6:o++,n.next=1;break;case 9:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)("p",{style:{color:"#888"},children:"NOTE: please open dev console to see the output."}),Object(_.jsxs)(ee.b,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){R.show(ne,{name:"nate"}).then((function(e){console.log("Resolved: ",e),R.show(ne,{name:"nate2"})})).catch((function(e){console.log("Rejected: ",e)}))},children:"Show Modal"}),Object(_.jsx)(V.a,{type:"primary",onClick:n,children:"Chaining Same Modal"})]})]})},code:["PromiseSample.jsx"]},declarative:{name:"Declarative",description:"Declarative way to register a modal with id.",component:function(){return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return R.show("my-antd-modal",{name:"Nate"})},children:"Show Modal"}),Object(_.jsx)(S,{id:"my-antd-modal",component:te})]})},code:["Declarative.jsx"]},propsBinding:{name:"Props Binding",description:"To bind props to modal, need to declare the modal using .",component:function(){var e=Object(t.useState)(0),n=Object(U.a)(e,2),o=n[0],r=n[1];Object(t.useEffect)((function(){var e=setInterval((function(){return r((function(e){return e+1}))}),1e3);return function(){return clearInterval(e)}}),[]);var a={};return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(V.a,{type:"primary",onClick:function(){return a.show()},children:"Show Modal"}),Object(_.jsx)(E,{modal:ke,handler:a,time:o})]})},code:["PropsBinding.jsx"]},redux:{name:"Redux Integration",description:"Use Redux to manage modals state so that you can use Redux dev tools to debug nice modals.",component:function(e){var n=e.children;return Object(_.jsx)(xe.a,{store:we,children:Object(_.jsx)(Ce,{children:n})})},code:["ReduxIntegration.jsx"]}};var Ne=function(){var e,n=A()||"real",o=Be[n]||{},t=Object(_.jsxs)("div",{className:"app",children:[Object(_.jsxs)("div",{className:"sider",children:[Object(_.jsxs)("h1",{children:[Object(_.jsx)("span",{className:"header-name",children:"@ebay/nice-modal-react"}),Object(_.jsx)("span",{className:"example-title",children:"Examples"})]}),Object(_.jsx)("div",{className:"scroll-container",children:Object(_.jsx)("ul",{children:Object.keys(Be).map((function(e){return Object(_.jsx)("li",{children:Object(_.jsx)("a",{href:"#".concat(e),className:n===e?"active":"",children:Be[e].name})},e)}))})}),Object(_.jsxs)("div",{className:"social",children:[Object(_.jsx)("a",{href:"https://github.com/ebay/nice-modal-react",children:Object(_.jsx)("img",{src:"https://img.shields.io/github/stars/eBay/nice-modal-react?style=social",alt:"Github Repo"})}),Object(_.jsx)("br",{}),Object(_.jsx)("a",{href:"https://ebay.github.io/nice-modal-react/api",children:Object(_.jsx)("img",{src:"https://img.shields.io/badge/API-Reference-green",alt:"api reference"})}),Object(_.jsx)("br",{}),Object(_.jsx)("a",{href:"https://codesandbox.io/s/github/ebay/nice-modal-react/tree/main/example",children:Object(_.jsx)("img",{width:"150px",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"codesandbox"})})]})]}),Object(_.jsxs)("div",{children:[Object(_.jsx)("div",{className:"example-container",children:function(){var e=Be[n];if(!e||!e.component)return Object(_.jsxs)("span",{style:{color:"red"},children:['Error: example "',n,'" not found.']});var o=e.component;return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsxs)("h1",{children:[e.name,Object(_.jsx)("p",{className:"example-description",children:e.description})]}),Object(_.jsx)(o,{})]})}()}),Object(_.jsx)("div",{className:"code-container",children:null===(e=o.code)||void 0===e?void 0:e.map((function(e){return Object(_.jsx)(F,{filename:e},e)}))})]})]});return"redux"===n?t:Object(_.jsx)(R.Provider,{children:t})},Se=function(e){e&&e instanceof Function&&o.e(3).then(o.bind(null,383)).then((function(n){var o=n.getCLS,t=n.getFID,r=n.getFCP,a=n.getLCP,i=n.getTTFB;o(e),t(e),r(e),a(e),i(e)}))};o(339),o(340);i.a.render(Object(_.jsx)(Ne,{}),document.getElementById("root")),Se()}},[[341,1,2]]]); +//# sourceMappingURL=main.6645edd4.chunk.js.map \ No newline at end of file diff --git a/docs/static/js/main.6645edd4.chunk.js.map b/docs/static/js/main.6645edd4.chunk.js.map new file mode 100644 index 0000000..6ce1b1c --- /dev/null +++ b/docs/static/js/main.6645edd4.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../src/index.tsx","useHash.js","CodeViewer.jsx","webpack:///./src/MyAntdModal.tsx?80f2","webpack:///./src/UserInfoModal.jsx?3e7a","webpack:///./src/UserList.jsx?90fc","webpack:///./src/PromiseSample.jsx?a91c","webpack:///./src/MyMuiDialog.tsx?55e3","webpack:///./src/MyBootstrapDialog.tsx?9fa1","webpack:///./src/ReduxIntegration.jsx?f440","webpack:///./src/Declarative.jsx?88cb","webpack:///./src/PropsBinding.jsx?ac2d","UserInfoModal.jsx","mock.js","PromiseSample.jsx","Declarative.jsx","MyMuiDialog.tsx","MyAntdModal.tsx","MyBootstrapDialog.tsx","ReduxIntegration.jsx","PropsBinding.jsx","App.jsx","UserList.jsx","reportWebVitals.ts","index.tsx"],"names":["modal","getHash","document","location","hash","replace","useHash","useState","setHash","useEffect","handleHashChange","window","scrollTo","top","addEventListener","removeEventListener","codeMap","CodeViewer","filename","Prism","highlightAll","className","NiceModal","create","user","useModal","Form","useForm","form","meta","initialValues","fields","key","label","required","handleSubmit","useCallback","validateFields","then","newUser","getFieldsValue","id","String","Date","now","resolve","hide","antdModal","title","okText","onOk","data","name","job","city","PromiseModal","onClick","resolved","reject","Error","danger","ChainingModal","times","type","MyAntdModal","visible","onCancel","afterClose","remove","Transition","React","forwardRef","props","ref","Slide","direction","MyMuiDialog","Dialog","TransitionComponent","open","onClose","TransitionProps","onExited","DialogTitle","DialogContent","DialogContentText","DialogActions","Button","color","MyAntdDrawer","afterVisibleChange","MyBootstrapDialog","bootstrapDialog","Header","closeButton","Title","Body","Footer","variant","enhancer","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","applyMiddleware","logger","store","createStore","combineReducers","__nice_modals","reducer","ModalsProvider","children","modals","useSelector","s","dispatch","useDispatch","Provider","style","show","time","examples","real","component","userModal","UserInfoModal","mockData","users","setUsers","handleNewUser","handleEditUser","i","findIndex","u","updated","arr","splice","columns","useMemo","dataIndex","width","render","value","icon","EditOutlined","size","rowKey","pagination","dataSource","marginTop","description","code","mui","antd","bootstrap","descript","promise","chainingModal","showChainingModal","a","res","console","log","catch","err","declarative","propsBinding","setTime","p","setInterval","t","clearInterval","modalHandler","handler","redux","App","current","example","ele","Object","keys","map","href","src","alt","item","Comp","renderExample","f","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","getElementById"],"mappings":"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","file":"static/js/main.6645edd4.chunk.js","sourcesContent":["/* *********************************************************\n * Copyright 2021 eBay Inc.\n\n * Use of this source code is governed by an MIT-style\n * license that can be found in the LICENSE file or at\n * https://opensource.org/licenses/MIT.\n*********************************************************** */\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @module NiceModal\n * */\nimport React, { useEffect, useCallback, useContext, useReducer, useMemo } from 'react';\nvar symModalId = Symbol('NiceModalId');\nvar initialState = {};\nexport var NiceModalContext = React.createContext(initialState);\nvar NiceModalIdContext = React.createContext(null);\nvar MODAL_REGISTRY = {};\nvar ALREADY_MOUNTED = {};\nvar uidSeed = 0;\nvar dispatch = function () {\n throw new Error('No dispatch method detected, did you embed your app with NiceModal.Provider?');\n};\nvar getUid = function () { return \"_nice_modal_\" + uidSeed++; };\n// Modal reducer used in useReducer hook.\nexport var reducer = function (state, action) {\n var _a, _b, _c;\n if (state === void 0) { state = initialState; }\n switch (action.type) {\n case 'nice-modal/show': {\n var _d = action.payload, modalId = _d.modalId, args = _d.args;\n return __assign(__assign({}, state), (_a = {}, _a[modalId] = __assign(__assign({}, state[modalId]), { id: modalId, args: args, \n // If modal is not mounted, mount it first then make it visible.\n // There is logic inside HOC wrapper to make it visible after its first mount.\n // This mechanism ensures the entering transition.\n visible: !!ALREADY_MOUNTED[modalId], delayVisible: !ALREADY_MOUNTED[modalId] }), _a));\n }\n case 'nice-modal/hide': {\n var modalId = action.payload.modalId;\n if (!state[modalId])\n return state;\n return __assign(__assign({}, state), (_b = {}, _b[modalId] = __assign(__assign({}, state[modalId]), { visible: false }), _b));\n }\n case 'nice-modal/remove': {\n var modalId = action.payload.modalId;\n var newState = __assign({}, state);\n delete newState[modalId];\n return newState;\n }\n case 'nice-modal/set-flags': {\n var _e = action.payload, modalId = _e.modalId, flags = _e.flags;\n return __assign(__assign({}, state), (_c = {}, _c[modalId] = __assign(__assign({}, state[modalId]), flags), _c));\n }\n default:\n return state;\n }\n};\n// Get modal component by modal id\nfunction getModal(modalId) {\n var _a;\n return (_a = MODAL_REGISTRY[modalId]) === null || _a === void 0 ? void 0 : _a.comp;\n}\n// action creator to show a modal\nfunction showModal(modalId, args) {\n return {\n type: 'nice-modal/show',\n payload: {\n modalId: modalId,\n args: args,\n },\n };\n}\n// action creator to set flags of a modal\nfunction setModalFlags(modalId, flags) {\n return {\n type: 'nice-modal/set-flags',\n payload: {\n modalId: modalId,\n flags: flags,\n },\n };\n}\n// action creator to hide a modal\nfunction hideModal(modalId) {\n return {\n type: 'nice-modal/hide',\n payload: {\n modalId: modalId,\n },\n };\n}\n// action creator to remove a modal\nfunction removeModal(modalId) {\n return {\n type: 'nice-modal/remove',\n payload: {\n modalId: modalId,\n },\n };\n}\nvar modalCallbacks = {};\nvar hideModalCallbacks = {};\nvar getModalId = function (modal) {\n if (typeof modal === 'string')\n return modal;\n if (!modal[symModalId]) {\n modal[symModalId] = getUid();\n }\n return modal[symModalId];\n};\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function show(modal, args) {\n var modalId = getModalId(modal);\n if (typeof modal !== 'string' && !MODAL_REGISTRY[modalId]) {\n register(modalId, modal);\n }\n dispatch(showModal(modalId, args));\n if (!modalCallbacks[modalId]) {\n // `!` tell ts that theResolve will be written before it is used\n var theResolve_1;\n // `!` tell ts that theResolve will be written before it is used\n var theReject_1;\n var promise = new Promise(function (resolve, reject) {\n theResolve_1 = resolve;\n theReject_1 = reject;\n });\n modalCallbacks[modalId] = {\n resolve: theResolve_1,\n reject: theReject_1,\n promise: promise,\n };\n }\n return modalCallbacks[modalId].promise;\n}\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function hide(modal) {\n var modalId = getModalId(modal);\n dispatch(hideModal(modalId));\n // Should also delete the callback for modal.resolve #35\n delete modalCallbacks[modalId];\n if (!hideModalCallbacks[modalId]) {\n // `!` tell ts that theResolve will be written before it is used\n var theResolve_2;\n // `!` tell ts that theResolve will be written before it is used\n var theReject_2;\n var promise = new Promise(function (resolve, reject) {\n theResolve_2 = resolve;\n theReject_2 = reject;\n });\n hideModalCallbacks[modalId] = {\n resolve: theResolve_2,\n reject: theReject_2,\n promise: promise,\n };\n }\n return hideModalCallbacks[modalId].promise;\n}\nexport var remove = function (modal) {\n var modalId = getModalId(modal);\n dispatch(removeModal(modalId));\n delete modalCallbacks[modalId];\n delete hideModalCallbacks[modalId];\n};\nvar setFlags = function (modalId, flags) {\n dispatch(setModalFlags(modalId, flags));\n};\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function useModal(modal, args) {\n var modals = useContext(NiceModalContext);\n var contextModalId = useContext(NiceModalIdContext);\n var modalId = null;\n var isUseComponent = modal && typeof modal !== 'string';\n if (!modal) {\n modalId = contextModalId;\n }\n else {\n modalId = getModalId(modal);\n }\n // Only if contextModalId doesn't exist\n if (!modalId)\n throw new Error('No modal id found in NiceModal.useModal.');\n var mid = modalId;\n // If use a component directly, register it.\n useEffect(function () {\n if (isUseComponent && !MODAL_REGISTRY[mid]) {\n register(mid, modal, args);\n }\n }, [isUseComponent, mid, modal, args]);\n var modalInfo = modals[mid];\n var showCallback = useCallback(function (args) { return show(mid, args); }, [mid]);\n var hideCallback = useCallback(function () { return hide(mid); }, [mid]);\n var removeCallback = useCallback(function () { return remove(mid); }, [mid]);\n var resolveCallback = useCallback(function (args) {\n var _a;\n (_a = modalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.resolve(args);\n delete modalCallbacks[mid];\n }, [mid]);\n var rejectCallback = useCallback(function (args) {\n var _a;\n (_a = modalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.reject(args);\n delete modalCallbacks[mid];\n }, [mid]);\n var resolveHide = useCallback(function (args) {\n var _a;\n (_a = hideModalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.resolve(args);\n delete hideModalCallbacks[mid];\n }, [mid]);\n return useMemo(function () { return ({\n id: mid,\n args: modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.args,\n visible: !!(modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.visible),\n keepMounted: !!(modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.keepMounted),\n show: showCallback,\n hide: hideCallback,\n remove: removeCallback,\n resolve: resolveCallback,\n reject: rejectCallback,\n resolveHide: resolveHide,\n }); }, [\n mid,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.args,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.visible,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.keepMounted,\n showCallback,\n hideCallback,\n removeCallback,\n resolveCallback,\n rejectCallback,\n resolveHide,\n ]);\n}\nexport var create = function (Comp) {\n return function (_a) {\n var _b;\n var defaultVisible = _a.defaultVisible, keepMounted = _a.keepMounted, id = _a.id, props = __rest(_a, [\"defaultVisible\", \"keepMounted\", \"id\"]);\n var _c = useModal(id), args = _c.args, show = _c.show;\n // If there's modal state, then should mount it.\n var modals = useContext(NiceModalContext);\n var shouldMount = !!modals[id];\n useEffect(function () {\n // If defaultVisible, show it after mounted.\n if (defaultVisible) {\n show();\n }\n ALREADY_MOUNTED[id] = true;\n return function () {\n delete ALREADY_MOUNTED[id];\n };\n }, [id, show, defaultVisible]);\n useEffect(function () {\n if (keepMounted)\n setFlags(id, { keepMounted: true });\n }, [id, keepMounted]);\n var delayVisible = (_b = modals[id]) === null || _b === void 0 ? void 0 : _b.delayVisible;\n // If modal.show is called\n // 1. If modal was mounted, should make it visible directly\n // 2. If modal has not been mounted, should mount it first, then make it visible\n useEffect(function () {\n if (delayVisible) {\n // delayVisible: false => true, it means the modal.show() is called, should show it.\n show(args);\n }\n }, [delayVisible, args, show]);\n if (!shouldMount)\n return null;\n return (React.createElement(NiceModalIdContext.Provider, { value: id },\n React.createElement(Comp, __assign({}, props, args))));\n };\n};\n// All registered modals will be rendered in modal placeholder\nexport var register = function (id, comp, props) {\n if (!MODAL_REGISTRY[id]) {\n MODAL_REGISTRY[id] = { comp: comp, props: props };\n }\n else {\n MODAL_REGISTRY[id].props = props;\n }\n};\n/**\n * Unregister a modal.\n * @param id - The id of the modal.\n */\nexport var unregister = function (id) {\n delete MODAL_REGISTRY[id];\n};\n// The placeholder component is used to auto render modals when call modal.show()\n// When modal.show() is called, it means there've been modal info\nvar NiceModalPlaceholder = function () {\n var modals = useContext(NiceModalContext);\n var visibleModalIds = Object.keys(modals).filter(function (id) { return !!modals[id]; });\n visibleModalIds.forEach(function (id) {\n if (!MODAL_REGISTRY[id] && !ALREADY_MOUNTED[id]) {\n console.warn(\"No modal found for id: \" + id + \". Please check the id or if it is registered or declared via JSX.\");\n return;\n }\n });\n var toRender = visibleModalIds\n .filter(function (id) { return MODAL_REGISTRY[id]; })\n .map(function (id) { return (__assign({ id: id }, MODAL_REGISTRY[id])); });\n return (React.createElement(React.Fragment, null, toRender.map(function (t) { return (React.createElement(t.comp, __assign({ key: t.id, id: t.id }, t.props))); })));\n};\nvar InnerContextProvider = function (_a) {\n var children = _a.children;\n var arr = useReducer(reducer, initialState);\n var modals = arr[0];\n dispatch = arr[1];\n return (React.createElement(NiceModalContext.Provider, { value: modals },\n children,\n React.createElement(NiceModalPlaceholder, null)));\n};\nexport var Provider = function (_a) {\n var children = _a.children, givenDispatch = _a.dispatch, givenModals = _a.modals;\n if (!givenDispatch || !givenModals) {\n return React.createElement(InnerContextProvider, null, children);\n }\n dispatch = givenDispatch;\n return (React.createElement(NiceModalContext.Provider, { value: givenModals },\n children,\n React.createElement(NiceModalPlaceholder, null)));\n};\n/**\n * Declarative way to register a modal.\n * @param id - The id of the modal.\n * @param component - The modal Component.\n * @returns\n */\nexport var ModalDef = function (_a) {\n var id = _a.id, component = _a.component;\n useEffect(function () {\n register(id, component);\n return function () {\n unregister(id);\n };\n }, [id, component]);\n return null;\n};\n/**\n * A place holder allows to bind props to a modal.\n * It assigns show/hide methods to handler object to show/hide the modal.\n *\n * Comparing to use the directly, this approach allows use registered modal id to find the modal component.\n * Also it avoids to create unique id for MyNiceModal.\n *\n * @param modal - The modal id registered or a modal component.\n * @param handler - The handler object to control the modal.\n * @returns\n */\nexport var ModalHolder = function (_a) {\n var _b;\n var modal = _a.modal, _c = _a.handler, handler = _c === void 0 ? {} : _c, restProps = __rest(_a, [\"modal\", \"handler\"]);\n var mid = useMemo(function () { return getUid(); }, []);\n var ModalComp = typeof modal === 'string' ? (_b = MODAL_REGISTRY[modal]) === null || _b === void 0 ? void 0 : _b.comp : modal;\n if (!handler) {\n throw new Error('No handler found in NiceModal.ModalHolder.');\n }\n if (!ModalComp) {\n throw new Error(\"No modal found for id: \" + modal + \" in NiceModal.ModalHolder.\");\n }\n handler.show = useCallback(function (args) { return show(mid, args); }, [mid]);\n handler.hide = useCallback(function () { return hide(mid); }, [mid]);\n return React.createElement(ModalComp, __assign({ id: mid }, restProps));\n};\nexport var antdModal = function (modal) {\n return {\n visible: modal.visible,\n onOk: function () { return modal.hide(); },\n onCancel: function () { return modal.hide(); },\n afterClose: function () {\n // Need to resolve before remove\n modal.resolveHide();\n if (!modal.keepMounted)\n modal.remove();\n },\n };\n};\nexport var antdModalV5 = function (modal) {\n var _a = antdModal(modal), onOk = _a.onOk, onCancel = _a.onCancel, afterClose = _a.afterClose;\n return {\n open: modal.visible,\n onOk: onOk,\n onCancel: onCancel,\n afterClose: afterClose,\n };\n};\nexport var antdDrawer = function (modal) {\n return {\n visible: modal.visible,\n onClose: function () { return modal.hide(); },\n afterVisibleChange: function (v) {\n if (!v) {\n modal.resolveHide();\n }\n !v && !modal.keepMounted && modal.remove();\n },\n };\n};\nexport var antdDrawerV5 = function (modal) {\n var _a = antdDrawer(modal), onClose = _a.onClose, afterOpenChange = _a.afterVisibleChange;\n return {\n open: modal.visible,\n onClose: onClose,\n afterOpenChange: afterOpenChange,\n };\n};\nexport var muiDialog = function (modal) {\n return {\n open: modal.visible,\n onClose: function () { return modal.hide(); },\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n };\n};\nexport var muiDialogV5 = function (modal) {\n return {\n open: modal.visible,\n onClose: function () { return modal.hide(); },\n TransitionProps: {\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n },\n };\n};\nexport var bootstrapDialog = function (modal) {\n return {\n show: modal.visible,\n onHide: function () { return modal.hide(); },\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n };\n};\nvar NiceModal = {\n Provider: Provider,\n ModalDef: ModalDef,\n ModalHolder: ModalHolder,\n NiceModalContext: NiceModalContext,\n create: create,\n register: register,\n getModal: getModal,\n show: show,\n hide: hide,\n remove: remove,\n useModal: useModal,\n reducer: reducer,\n antdModal: antdModal,\n antdDrawer: antdDrawer,\n muiDialog: muiDialog,\n bootstrapDialog: bootstrapDialog,\n};\nexport default NiceModal;\n//# sourceMappingURL=index.js.map","import { useEffect, useState } from 'react';\n\nconst getHash = () => document.location.hash.replace('#', '');\n\nconst useHash = () => {\n const [hash, setHash] = useState(getHash());\n useEffect(() => {\n function handleHashChange() {\n const hash = getHash() || 'basic';\n setHash(hash);\n window.scrollTo({ top: 0 });\n }\n window.addEventListener('hashchange', handleHashChange);\n return () => {\n window.removeEventListener('hashchange', handleHashChange);\n };\n }, [setHash]);\n return hash;\n};\n\nexport default useHash;\n","/* eslint import/no-webpack-loader-syntax: off */\n\nimport React, { useEffect } from 'react';\nimport codeAntd from '!!raw-loader!./MyAntdModal.tsx';\nimport codeUserList from '!!raw-loader!./UserList.jsx';\nimport codeUserInfoModal from '!!raw-loader!./UserInfoModal.jsx';\nimport codePromiseSample from '!!raw-loader!./PromiseSample.jsx';\nimport codeMyMuiDialog from '!!raw-loader!./MyMuiDialog.tsx';\nimport codeMyBootstrapDialog from '!!raw-loader!./MyBootstrapDialog.tsx';\nimport codeReduxIntegration from '!!raw-loader!./ReduxIntegration.jsx';\nimport codeDeclarative from '!!raw-loader!./Declarative.jsx';\nimport codePropsBinding from '!!raw-loader!./PropsBinding.jsx';\n\nconst codeMap = {\n 'MyAntdModal.tsx': codeAntd,\n 'UserInfoModal.jsx': codeUserInfoModal,\n 'UserList.jsx': codeUserList,\n 'PromiseSample.jsx': codePromiseSample,\n 'MyMuiDialog.tsx': codeMyMuiDialog,\n 'MyBootstrapDialog.tsx': codeMyBootstrapDialog,\n 'ReduxIntegration.jsx': codeReduxIntegration,\n 'Declarative.jsx': codeDeclarative,\n 'PropsBinding.jsx': codePropsBinding,\n};\nexport default function CodeViewer({ filename }) {\n useEffect(() => {\n window.Prism.highlightAll();\n }, [filename]);\n return (\n
    \n
    {filename}
    \n 
    \n        \n          {codeMap[filename] || `// Error: code of \"${filename}\" not found`}\n        \n
    \n
    \n );\n}\n","export default \"import { Modal, Button, Drawer, Space } from 'antd';\\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ name }: { name: string }) => {\\n const modal = useModal();\\n return (\\n \\n Greetings: {name}!\\n \\n );\\n});\\n\\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\\n const modal = useModal();\\n return (\\n {\\n if (!visible) modal.remove();\\n }}\\n >\\n Greetings: {name}!\\n \\n );\\n});\\n\\nexport default function AntdSample() {\\n return (\\n \\n \\n \\n \\n );\\n}\\n\";","export default \"import { useCallback } from 'react';\\nimport { Form, Modal } from 'antd';\\nimport FormBuilder from 'antd-form-builder';\\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\\n\\nexport default NiceModal.create(({ user }) => {\\n const modal = useModal();\\n const [form] = Form.useForm();\\n const meta = {\\n initialValues: user,\\n fields: [\\n { key: 'name', label: 'Name', required: true },\\n { key: 'job', label: 'Job Title', required: true },\\n ],\\n };\\n\\n const handleSubmit = useCallback(() => {\\n form.validateFields().then(() => {\\n const newUser = { ...form.getFieldsValue() };\\n // In real case, you may call API to create user or update user\\n if (!user) {\\n newUser.id = String(Date.now());\\n } else {\\n newUser.id = user.id;\\n }\\n modal.resolve(newUser);\\n modal.hide();\\n });\\n }, [modal, user, form]);\\n return (\\n \\n
    \\n \\n \\n \\n );\\n});\\n\";","export default \"import { useMemo, useCallback, useState } from 'react';\\nimport { Button, Table } from 'antd';\\nimport { EditOutlined } from '@ant-design/icons';\\nimport { useModal } from '@ebay/nice-modal-react';\\nimport UserInfoModal from './UserInfoModal';\\nimport mockData from './mock';\\n\\nexport default function UserList() {\\n const userModal = useModal(UserInfoModal);\\n const [users, setUsers] = useState(mockData);\\n\\n const handleNewUser = useCallback(() => {\\n userModal.show().then((newUser) => {\\n setUsers([newUser, ...users]);\\n });\\n }, [userModal, users]);\\n\\n const handleEditUser = useCallback(\\n (user) => {\\n userModal.show({ user }).then((newUser) => {\\n setUsers((users) => {\\n // Modify users immutablly\\n const i = users.findIndex((u) => u.id === newUser.id);\\n const updated = { ...users[i], ...newUser };\\n const arr = [...users];\\n arr.splice(i, 1, updated);\\n return arr;\\n });\\n });\\n },\\n [userModal],\\n );\\n\\n const columns = useMemo(\\n () => [\\n {\\n title: 'Name',\\n dataIndex: 'name',\\n width: '150px',\\n },\\n {\\n title: 'Job Title',\\n dataIndex: 'job',\\n },\\n {\\n title: 'Edit',\\n width: '100px',\\n render(value, user) {\\n return (\\n }\\n onClick={() => {\\n handleEditUser(user);\\n }}\\n />\\n );\\n },\\n },\\n ],\\n [handleEditUser],\\n );\\n\\n return (\\n
    \\n \\n \\n
    \\n );\\n}\\n\";","export default \"import { Modal, Button, Space } from 'antd';\\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\\n\\nconst PromiseModal = NiceModal.create(({ name }) => {\\n const modal = useModal();\\n const handleResolve = () => {\\n modal.resolve({ resolved: true });\\n };\\n const handleReject = () => {\\n modal.reject(new Error('Rejected'));\\n modal.hide();\\n };\\n return (\\n \\n

    Choose the promise action: {name}

    \\n \\n \\n \\n \\n     \\n );\\n});\\n\\nconst ChainingModal = NiceModal.create(({ times }) => {\\n const modal = useModal();\\n return (\\n \\n \\n
    \\n
    \\n Showed {times}/3 times.\\n     \\n );\\n});\\n\\nexport default function PromiseSample() {\\n const chainingModal = useModal(ChainingModal);\\n const showPromiseModal = () => {\\n NiceModal.show(PromiseModal, { name: 'nate' })\\n .then((res) => {\\n console.log('Resolved: ', res);\\n NiceModal.show(PromiseModal, { name: 'nate2' });\\n })\\n .catch((err) => {\\n console.log('Rejected: ', err);\\n });\\n };\\n const showChainingModal = async () => {\\n for (let i = 0; i < 3; i++) {\\n await chainingModal.show({ times: i + 1 });\\n await chainingModal.hide();\\n }\\n };\\n\\n return (\\n <>\\n

    NOTE: please open dev console to see the output.

    \\n \\n \\n\\n \\n \\n \\n );\\n}\\n\";","export default \"import React from 'react';\\nimport Button from '@material-ui/core/Button';\\nimport Dialog from '@material-ui/core/Dialog';\\nimport DialogActions from '@material-ui/core/DialogActions';\\nimport DialogContent from '@material-ui/core/DialogContent';\\nimport DialogContentText from '@material-ui/core/DialogContentText';\\nimport DialogTitle from '@material-ui/core/DialogTitle';\\nimport Slide from '@material-ui/core/Slide';\\nimport { TransitionProps } from '@material-ui/core/transitions';\\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\\n\\nconst Transition = React.forwardRef(function Transition(\\n props: TransitionProps & { children?: React.ReactElement },\\n ref: React.Ref,\\n) {\\n return ;\\n});\\n\\nconst MyMuiDialog = NiceModal.create(() => {\\n const modal = useModal();\\n return (\\n modal.hide()}\\n TransitionProps={{\\n onExited: () => modal.remove(),\\n }}\\n >\\n {\\\"Use Google's location service?\\\"}\\n \\n \\n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\\n apps are running.\\n \\n \\n \\n \\n \\n \\n \\n );\\n});\\n\\nexport default function MuiDialogSample() {\\n return (\\n \\n );\\n}\\n\";","export default \"import BootstrapModal from 'react-bootstrap/Modal';\\nimport Button from 'react-bootstrap/Button';\\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\\n\\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\\n const modal = useModal();\\n return (\\n \\n \\n Modal title\\n \\n\\n \\n

    Modal body text goes here. {name}

    \\n     \\n\\n \\n \\n \\n \\n     \\n );\\n});\\nexport default function BootstrapSample() {\\n return (\\n <>\\n \\n \\n );\\n}\\n\";","export default \"import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\\nimport { Provider, useSelector, useDispatch } from 'react-redux';\\nimport NiceModal from '@ebay/nice-modal-react';\\nimport { Button } from 'antd';\\nimport { MyAntdModal } from './MyAntdModal';\\nimport logger from 'redux-logger';\\n\\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\\nconst enhancer = composeEnhancers(applyMiddleware(logger));\\n\\nconst store = createStore(\\n combineReducers({\\n __nice_modals: NiceModal.reducer,\\n // other reducers...\\n }),\\n enhancer,\\n);\\n\\nconst ModalsProvider = ({ children }) => {\\n const modals = useSelector((s) => s.__nice_modals);\\n const dispatch = useDispatch();\\n return (\\n \\n

    NOTE: open dev console or Redux dev tools to see actions log.

    \\n {\\n NiceModal.show(MyAntdModal, { name: 'Redux' });\\n }}\\n >\\n Show Modal\\n \\n     \\n );\\n};\\n\\nexport default function ReduxIntegration({ children }) {\\n return (\\n \\n {children}\\n \\n );\\n}\\n\";","export default \"import { Modal, Button } from 'antd';\\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ name }) => {\\n const modal = useModal();\\n return (\\n \\n Greetings: {name}!\\n \\n );\\n});\\n\\nexport default function AntdSample() {\\n return (\\n <>\\n \\n \\n \\n );\\n}\\n\";","export default \"import { useEffect, useState } from 'react';\\nimport { Modal, Button } from 'antd';\\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ time }) => {\\n const modal = useModal();\\n return (\\n \\n Time: {time}\\n \\n );\\n});\\n\\nexport default function Example() {\\n const [time, setTime] = useState(0);\\n useEffect(() => {\\n const p = setInterval(() => setTime((t) => t + 1), 1000);\\n return () => clearInterval(p);\\n }, []);\\n\\n // modalHandler will be assign show/hide method.\\n const modalHandler = {};\\n\\n return (\\n <>\\n \\n \\n \\n );\\n}\\n\";","import { useCallback } from 'react';\nimport { Form, Modal } from 'antd';\nimport FormBuilder from 'antd-form-builder';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nexport default NiceModal.create(({ user }) => {\n const modal = useModal();\n const [form] = Form.useForm();\n const meta = {\n initialValues: user,\n fields: [\n { key: 'name', label: 'Name', required: true },\n { key: 'job', label: 'Job Title', required: true },\n ],\n };\n\n const handleSubmit = useCallback(() => {\n form.validateFields().then(() => {\n const newUser = { ...form.getFieldsValue() };\n // In real case, you may call API to create user or update user\n if (!user) {\n newUser.id = String(Date.now());\n } else {\n newUser.id = user.id;\n }\n modal.resolve(newUser);\n modal.hide();\n });\n }, [modal, user, form]);\n return (\n \n
    \n \n \n \n );\n});\n","const data = [\n {\n id: '1',\n name: 'Kennedy',\n job: 'Chief Mobility Orchestrator',\n city: 'North Alec',\n },\n {\n id: '2',\n name: 'Lucius',\n job: 'Internal Research Manager',\n city: 'Littleland',\n },\n {\n id: '3',\n name: 'Carlos',\n job: 'Lead Configuration Analyst',\n city: 'South Lillian',\n },\n {\n id: '4',\n name: 'Urban',\n job: 'Chief Operations Agent',\n city: 'Shieldshaven',\n },\n {\n id: '5',\n name: 'Katrine',\n job: 'Legacy Solutions Orchestrator',\n city: 'South Kyleigh',\n },\n];\nexport default data;\n","import { Modal, Button, Space } from 'antd';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nconst PromiseModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n const handleResolve = () => {\n modal.resolve({ resolved: true });\n };\n const handleReject = () => {\n modal.reject(new Error('Rejected'));\n modal.hide();\n };\n return (\n \n

    Choose the promise action: {name}

    \n \n \n \n \n     \n );\n});\n\nconst ChainingModal = NiceModal.create(({ times }) => {\n const modal = useModal();\n return (\n \n \n
    \n
    \n Showed {times}/3 times.\n     \n );\n});\n\nexport default function PromiseSample() {\n const chainingModal = useModal(ChainingModal);\n const showPromiseModal = () => {\n NiceModal.show(PromiseModal, { name: 'nate' })\n .then((res) => {\n console.log('Resolved: ', res);\n NiceModal.show(PromiseModal, { name: 'nate2' });\n })\n .catch((err) => {\n console.log('Rejected: ', err);\n });\n };\n const showChainingModal = async () => {\n for (let i = 0; i < 3; i++) {\n await chainingModal.show({ times: i + 1 });\n await chainingModal.hide();\n }\n };\n\n return (\n <>\n

    NOTE: please open dev console to see the output.

    \n \n \n\n \n \n \n );\n}\n","import { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n <>\n \n \n \n );\n}\n","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Slide from '@material-ui/core/Slide';\nimport { TransitionProps } from '@material-ui/core/transitions';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nconst Transition = React.forwardRef(function Transition(\n props: TransitionProps & { children?: React.ReactElement },\n ref: React.Ref,\n) {\n return ;\n});\n\nconst MyMuiDialog = NiceModal.create(() => {\n const modal = useModal();\n return (\n modal.hide()}\n TransitionProps={{\n onExited: () => modal.remove(),\n }}\n >\n {\"Use Google's location service?\"}\n \n \n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\n apps are running.\n \n \n \n \n \n \n \n );\n});\n\nexport default function MuiDialogSample() {\n return (\n \n );\n}\n","import { Modal, Button, Drawer, Space } from 'antd';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n {\n if (!visible) modal.remove();\n }}\n >\n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n \n \n \n \n );\n}\n","import BootstrapModal from 'react-bootstrap/Modal';\nimport Button from 'react-bootstrap/Button';\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\n\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\n const modal = useModal();\n return (\n \n \n Modal title\n \n\n \n

    Modal body text goes here. {name}

    \n     \n\n \n \n \n \n     \n );\n});\nexport default function BootstrapSample() {\n return (\n <>\n \n \n );\n}\n","import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\nimport { Provider, useSelector, useDispatch } from 'react-redux';\nimport NiceModal from '@ebay/nice-modal-react';\nimport { Button } from 'antd';\nimport { MyAntdModal } from './MyAntdModal';\nimport logger from 'redux-logger';\n\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\nconst enhancer = composeEnhancers(applyMiddleware(logger));\n\nconst store = createStore(\n combineReducers({\n __nice_modals: NiceModal.reducer,\n // other reducers...\n }),\n enhancer,\n);\n\nconst ModalsProvider = ({ children }) => {\n const modals = useSelector((s) => s.__nice_modals);\n const dispatch = useDispatch();\n return (\n \n

    NOTE: open dev console or Redux dev tools to see actions log.

    \n {\n NiceModal.show(MyAntdModal, { name: 'Redux' });\n }}\n >\n Show Modal\n \n     \n );\n};\n\nexport default function ReduxIntegration({ children }) {\n return (\n \n {children}\n \n );\n}\n","import { useEffect, useState } from 'react';\nimport { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ time }) => {\n const modal = useModal();\n return (\n \n Time: {time}\n \n );\n});\n\nexport default function Example() {\n const [time, setTime] = useState(0);\n useEffect(() => {\n const p = setInterval(() => setTime((t) => t + 1), 1000);\n return () => clearInterval(p);\n }, []);\n\n // modalHandler will be assign show/hide method.\n const modalHandler = {};\n\n return (\n <>\n \n \n \n );\n}\n","import NiceModal from '@ebay/nice-modal-react';\nimport useHash from './useHash';\nimport CodeViewer from './CodeViewer';\nimport UserList from './UserList';\nimport './App.css';\nimport PromiseSample from './PromiseSample';\nimport Declarative from './Declarative';\nimport MyMuiDialog from './MyMuiDialog';\nimport MyAntdModal from './MyAntdModal';\nimport MyBootstrapDialog from './MyBootstrapDialog';\nimport ReduxIntegration from './ReduxIntegration';\nimport PropsBinding from './PropsBinding';\n\nconst examples = {\n real: {\n name: 'Real Case',\n component: UserList,\n description: 'Show a dialog to create a new user or edit user info.',\n code: ['UserList.jsx', 'UserInfoModal.jsx'],\n },\n mui: {\n name: 'Material UI',\n description: 'Show material UI dialog',\n component: MyMuiDialog,\n code: ['MyMuiDialog.tsx'],\n },\n antd: {\n name: 'Ant Design',\n description: 'Show/hide antd modal or drawer.',\n component: MyAntdModal,\n code: ['MyAntdModal.tsx'],\n },\n bootstrap: {\n name: 'Bootstrap React',\n descript: 'Show/hide bootstrap dialog.',\n component: MyBootstrapDialog,\n code: ['MyBootstrapDialog.tsx'],\n },\n promise: {\n name: 'Promise',\n description: 'Use promise to interact with the dialog.',\n component: PromiseSample,\n code: ['PromiseSample.jsx'],\n },\n declarative: {\n name: 'Declarative',\n description: 'Declarative way to register a modal with id.',\n component: Declarative,\n code: ['Declarative.jsx'],\n },\n propsBinding: {\n name: 'Props Binding',\n description: 'To bind props to modal, need to declare the modal using .',\n component: PropsBinding,\n code: ['PropsBinding.jsx'],\n },\n redux: {\n name: 'Redux Integration',\n description:\n 'Use Redux to manage modals state so that you can use Redux dev tools to debug nice modals.',\n component: ReduxIntegration,\n code: ['ReduxIntegration.jsx'],\n },\n};\n\nfunction App() {\n const current = useHash() || 'real';\n\n const renderExample = () => {\n const item = examples[current];\n if (!item || !item.component) {\n return Error: example \"{current}\" not found.;\n }\n const Comp = item.component;\n return (\n <>\n

    \n {item.name}\n

    {item.description}

    \n

    \n \n \n );\n };\n const example = examples[current] || {};\n const ele = (\n
    \n
    \n

    \n @ebay/nice-modal-react\n Examples\n

    \n
    \n \n
    \n
    \n \n \n \n
    \n \n \"api\n \n
    \n \n \n \n
    \n
    \n
    \n
    {renderExample()}
    \n
    \n {example.code?.map((f) => (\n \n ))}\n
    \n
    \n
    \n );\n\n if (current === 'redux') return ele;\n else return {ele};\n}\n\nexport default App;\n","import { useMemo, useCallback, useState } from 'react';\nimport { Button, Table } from 'antd';\nimport { EditOutlined } from '@ant-design/icons';\nimport { useModal } from '@ebay/nice-modal-react';\nimport UserInfoModal from './UserInfoModal';\nimport mockData from './mock';\n\nexport default function UserList() {\n const userModal = useModal(UserInfoModal);\n const [users, setUsers] = useState(mockData);\n\n const handleNewUser = useCallback(() => {\n userModal.show().then((newUser) => {\n setUsers([newUser, ...users]);\n });\n }, [userModal, users]);\n\n const handleEditUser = useCallback(\n (user) => {\n userModal.show({ user }).then((newUser) => {\n setUsers((users) => {\n // Modify users immutablly\n const i = users.findIndex((u) => u.id === newUser.id);\n const updated = { ...users[i], ...newUser };\n const arr = [...users];\n arr.splice(i, 1, updated);\n return arr;\n });\n });\n },\n [userModal],\n );\n\n const columns = useMemo(\n () => [\n {\n title: 'Name',\n dataIndex: 'name',\n width: '150px',\n },\n {\n title: 'Job Title',\n dataIndex: 'job',\n },\n {\n title: 'Edit',\n width: '100px',\n render(value, user) {\n return (\n }\n onClick={() => {\n handleEditUser(user);\n }}\n />\n );\n },\n },\n ],\n [handleEditUser],\n );\n\n return (\n
    \n \n \n
    \n );\n}\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport 'antd/dist/antd.css';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""} \ No newline at end of file diff --git a/docs/static/js/main.896621f7.chunk.js.map b/docs/static/js/main.896621f7.chunk.js.map deleted file mode 100644 index c3232f6..0000000 --- a/docs/static/js/main.896621f7.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../lib/esm/index.js","useHash.js","CodeViewer.jsx","webpack:///./src/MyAntdModal.tsx?80f2","webpack:///./src/UserInfoModal.jsx?3e7a","webpack:///./src/UserList.jsx?90fc","webpack:///./src/PromiseSample.jsx?a91c","webpack:///./src/MyMuiDialog.tsx?55e3","webpack:///./src/MyBootstrapDialog.tsx?9fa1","webpack:///./src/ReduxIntegration.jsx?f440","webpack:///./src/Declarative.jsx?88cb","webpack:///./src/PropsBinding.jsx?ac2d","UserInfoModal.jsx","mock.js","PromiseSample.jsx","Declarative.jsx","MyMuiDialog.tsx","MyAntdModal.tsx","MyBootstrapDialog.tsx","ReduxIntegration.jsx","PropsBinding.jsx","App.jsx","UserList.jsx","reportWebVitals.ts","index.tsx"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","symModalId","Symbol","initialState","NiceModalContext","React","createContext","NiceModalIdContext","MODAL_REGISTRY","ALREADY_MOUNTED","uidSeed","dispatch","Error","getUid","reducer","state","action","_a","_b","_c","type","_d","payload","modalId","args","id","visible","delayVisible","newState","_e","flags","modalCallbacks","hideModalCallbacks","getModalId","modal","show","register","showModal","theResolve_1","theReject_1","promise","Promise","resolve","reject","hide","hideModal","theResolve_2","theReject_2","remove","removeModal","useModal","modals","useContext","contextModalId","isUseComponent","mid","useEffect","modalInfo","showCallback","useCallback","hideCallback","removeCallback","resolveCallback","rejectCallback","resolveHide","useMemo","keepMounted","comp","props","NiceModalPlaceholder","visibleModalIds","keys","filter","forEach","console","warn","toRender","map","createElement","Fragment","key","InnerContextProvider","children","arr","useReducer","Provider","value","ModalDef","component","unregister","ModalHolder","handler","restProps","ModalComp","antdModal","onOk","onCancel","afterClose","antdDrawer","onClose","afterVisibleChange","v","bootstrapDialog","onHide","onExited","NiceModal","givenDispatch","givenModals","create","Comp","defaultVisible","shouldMount","setModalFlags","getModal","muiDialog","open","getHash","document","location","hash","replace","useHash","useState","setHash","handleHashChange","window","scrollTo","top","addEventListener","removeEventListener","codeMap","CodeViewer","filename","Prism","highlightAll","className","user","Form","useForm","form","meta","initialValues","fields","label","required","handleSubmit","validateFields","then","newUser","getFieldsValue","String","Date","now","title","okText","data","name","job","city","PromiseModal","onClick","resolved","danger","ChainingModal","times","MyAntdModal","Transition","forwardRef","ref","Slide","direction","MyMuiDialog","Dialog","TransitionComponent","TransitionProps","DialogTitle","DialogContent","DialogContentText","DialogActions","Button","color","MyAntdDrawer","MyBootstrapDialog","Header","closeButton","Title","Body","Footer","variant","enhancer","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","applyMiddleware","logger","store","createStore","combineReducers","__nice_modals","ModalsProvider","useSelector","useDispatch","style","time","examples","real","userModal","UserInfoModal","mockData","users","setUsers","handleNewUser","handleEditUser","findIndex","u","updated","splice","columns","dataIndex","width","render","icon","EditOutlined","size","rowKey","pagination","dataSource","marginTop","description","code","mui","antd","bootstrap","descript","chainingModal","showChainingModal","a","res","log","catch","err","declarative","propsBinding","setTime","setInterval","clearInterval","modalHandler","redux","App","current","example","ele","href","src","alt","item","renderExample","f","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","getElementById"],"mappings":"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","file":"static/js/main.896621f7.chunk.js","sourcesContent":["/* *********************************************************\n * Copyright 2021 eBay Inc.\n\n * Use of this source code is governed by an MIT-style\n * license that can be found in the LICENSE file or at\n * https://opensource.org/licenses/MIT.\n*********************************************************** */\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @module NiceModal\n * */\nimport React, { useEffect, useCallback, useContext, useReducer, useMemo } from 'react';\nvar symModalId = Symbol('NiceModalId');\nvar initialState = {};\nexport var NiceModalContext = React.createContext(initialState);\nvar NiceModalIdContext = React.createContext(null);\nvar MODAL_REGISTRY = {};\nvar ALREADY_MOUNTED = {};\nvar uidSeed = 0;\nvar dispatch = function () {\n throw new Error('No dispatch method detected, did you embed your app with NiceModal.Provider?');\n};\nvar getUid = function () { return \"_nice_modal_\" + uidSeed++; };\n// Modal reducer used in useReducer hook.\nexport var reducer = function (state, action) {\n var _a, _b, _c;\n if (state === void 0) { state = initialState; }\n switch (action.type) {\n case 'nice-modal/show': {\n var _d = action.payload, modalId = _d.modalId, args = _d.args;\n return __assign(__assign({}, state), (_a = {}, _a[modalId] = __assign(__assign({}, state[modalId]), { id: modalId, args: args, \n // If modal is not mounted, mount it first then make it visible.\n // There is logic inside HOC wrapper to make it visible after its first mount.\n // This mechanism ensures the entering transition.\n visible: !!ALREADY_MOUNTED[modalId], delayVisible: !ALREADY_MOUNTED[modalId] }), _a));\n }\n case 'nice-modal/hide': {\n var modalId = action.payload.modalId;\n if (!state[modalId])\n return state;\n return __assign(__assign({}, state), (_b = {}, _b[modalId] = __assign(__assign({}, state[modalId]), { visible: false }), _b));\n }\n case 'nice-modal/remove': {\n var modalId = action.payload.modalId;\n var newState = __assign({}, state);\n delete newState[modalId];\n return newState;\n }\n case 'nice-modal/set-flags': {\n var _e = action.payload, modalId = _e.modalId, flags = _e.flags;\n return __assign(__assign({}, state), (_c = {}, _c[modalId] = __assign(__assign({}, state[modalId]), flags), _c));\n }\n default:\n return state;\n }\n};\n// Get modal component by modal id\nfunction getModal(modalId) {\n var _a;\n return (_a = MODAL_REGISTRY[modalId]) === null || _a === void 0 ? void 0 : _a.comp;\n}\n// action creator to show a modal\nfunction showModal(modalId, args) {\n return {\n type: 'nice-modal/show',\n payload: {\n modalId: modalId,\n args: args,\n },\n };\n}\n// action creator to set flags of a modal\nfunction setModalFlags(modalId, flags) {\n return {\n type: 'nice-modal/set-flags',\n payload: {\n modalId: modalId,\n flags: flags,\n },\n };\n}\n// action creator to hide a modal\nfunction hideModal(modalId) {\n return {\n type: 'nice-modal/hide',\n payload: {\n modalId: modalId,\n },\n };\n}\n// action creator to remove a modal\nfunction removeModal(modalId) {\n return {\n type: 'nice-modal/remove',\n payload: {\n modalId: modalId,\n },\n };\n}\nvar modalCallbacks = {};\nvar hideModalCallbacks = {};\nvar getModalId = function (modal) {\n if (typeof modal === 'string')\n return modal;\n if (!modal[symModalId]) {\n modal[symModalId] = getUid();\n }\n return modal[symModalId];\n};\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function show(modal, args) {\n var modalId = getModalId(modal);\n if (typeof modal !== 'string' && !MODAL_REGISTRY[modalId]) {\n register(modalId, modal);\n }\n dispatch(showModal(modalId, args));\n if (!modalCallbacks[modalId]) {\n // `!` tell ts that theResolve will be written before it is used\n var theResolve_1;\n // `!` tell ts that theResolve will be written before it is used\n var theReject_1;\n var promise = new Promise(function (resolve, reject) {\n theResolve_1 = resolve;\n theReject_1 = reject;\n });\n modalCallbacks[modalId] = {\n resolve: theResolve_1,\n reject: theReject_1,\n promise: promise,\n };\n }\n return modalCallbacks[modalId].promise;\n}\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function hide(modal) {\n var modalId = getModalId(modal);\n dispatch(hideModal(modalId));\n // Should also delete the callback for modal.resolve #35\n delete modalCallbacks[modalId];\n if (!hideModalCallbacks[modalId]) {\n // `!` tell ts that theResolve will be written before it is used\n var theResolve_2;\n // `!` tell ts that theResolve will be written before it is used\n var theReject_2;\n var promise = new Promise(function (resolve, reject) {\n theResolve_2 = resolve;\n theReject_2 = reject;\n });\n hideModalCallbacks[modalId] = {\n resolve: theResolve_2,\n reject: theReject_2,\n promise: promise,\n };\n }\n return hideModalCallbacks[modalId].promise;\n}\nexport var remove = function (modal) {\n var modalId = getModalId(modal);\n dispatch(removeModal(modalId));\n delete modalCallbacks[modalId];\n delete hideModalCallbacks[modalId];\n};\nvar setFlags = function (modalId, flags) {\n dispatch(setModalFlags(modalId, flags));\n};\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function useModal(modal, args) {\n var modals = useContext(NiceModalContext);\n var contextModalId = useContext(NiceModalIdContext);\n var modalId = null;\n var isUseComponent = modal && typeof modal !== 'string';\n if (!modal) {\n modalId = contextModalId;\n }\n else {\n modalId = getModalId(modal);\n }\n // Only if contextModalId doesn't exist\n if (!modalId)\n throw new Error('No modal id found in NiceModal.useModal.');\n var mid = modalId;\n // If use a component directly, register it.\n useEffect(function () {\n if (isUseComponent && !MODAL_REGISTRY[mid]) {\n register(mid, modal, args);\n }\n }, [isUseComponent, mid, modal, args]);\n var modalInfo = modals[mid];\n var showCallback = useCallback(function (args) { return show(mid, args); }, [mid]);\n var hideCallback = useCallback(function () { return hide(mid); }, [mid]);\n var removeCallback = useCallback(function () { return remove(mid); }, [mid]);\n var resolveCallback = useCallback(function (args) {\n var _a;\n (_a = modalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.resolve(args);\n delete modalCallbacks[mid];\n }, [mid]);\n var rejectCallback = useCallback(function (args) {\n var _a;\n (_a = modalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.reject(args);\n delete modalCallbacks[mid];\n }, [mid]);\n var resolveHide = useCallback(function (args) {\n var _a;\n (_a = hideModalCallbacks[mid]) === null || _a === void 0 ? void 0 : _a.resolve(args);\n delete hideModalCallbacks[mid];\n }, [mid]);\n return useMemo(function () { return ({\n id: mid,\n args: modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.args,\n visible: !!(modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.visible),\n keepMounted: !!(modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.keepMounted),\n show: showCallback,\n hide: hideCallback,\n remove: removeCallback,\n resolve: resolveCallback,\n reject: rejectCallback,\n resolveHide: resolveHide,\n }); }, [\n mid,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.args,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.visible,\n modalInfo === null || modalInfo === void 0 ? void 0 : modalInfo.keepMounted,\n showCallback,\n hideCallback,\n removeCallback,\n resolveCallback,\n rejectCallback,\n resolveHide,\n ]);\n}\nexport var create = function (Comp) {\n return function (_a) {\n var _b;\n var defaultVisible = _a.defaultVisible, keepMounted = _a.keepMounted, id = _a.id, props = __rest(_a, [\"defaultVisible\", \"keepMounted\", \"id\"]);\n var _c = useModal(id), args = _c.args, show = _c.show;\n // If there's modal state, then should mount it.\n var modals = useContext(NiceModalContext);\n var shouldMount = !!modals[id];\n useEffect(function () {\n // If defaultVisible, show it after mounted.\n if (defaultVisible) {\n show();\n }\n ALREADY_MOUNTED[id] = true;\n return function () {\n delete ALREADY_MOUNTED[id];\n };\n }, [id, show, defaultVisible]);\n useEffect(function () {\n if (keepMounted)\n setFlags(id, { keepMounted: true });\n }, [id, keepMounted]);\n var delayVisible = (_b = modals[id]) === null || _b === void 0 ? void 0 : _b.delayVisible;\n // If modal.show is called\n // 1. If modal was mounted, should make it visible directly\n // 2. If modal has not been mounted, should mount it first, then make it visible\n useEffect(function () {\n if (delayVisible) {\n // delayVisible: false => true, it means the modal.show() is called, should show it.\n show(args);\n }\n }, [delayVisible, args, show]);\n if (!shouldMount)\n return null;\n return (React.createElement(NiceModalIdContext.Provider, { value: id },\n React.createElement(Comp, __assign({}, props, args))));\n };\n};\n// All registered modals will be rendered in modal placeholder\nexport var register = function (id, comp, props) {\n if (!MODAL_REGISTRY[id]) {\n MODAL_REGISTRY[id] = { comp: comp, props: props };\n }\n else {\n MODAL_REGISTRY[id].props = props;\n }\n};\n/**\n * Unregister a modal.\n * @param id - The id of the modal.\n */\nexport var unregister = function (id) {\n delete MODAL_REGISTRY[id];\n};\n// The placeholder component is used to auto render modals when call modal.show()\n// When modal.show() is called, it means there've been modal info\nvar NiceModalPlaceholder = function () {\n var modals = useContext(NiceModalContext);\n var visibleModalIds = Object.keys(modals).filter(function (id) { return !!modals[id]; });\n visibleModalIds.forEach(function (id) {\n if (!MODAL_REGISTRY[id] && !ALREADY_MOUNTED[id]) {\n console.warn(\"No modal found for id: \" + id + \". Please check the id or if it is registered or declared via JSX.\");\n return;\n }\n });\n var toRender = visibleModalIds\n .filter(function (id) { return MODAL_REGISTRY[id]; })\n .map(function (id) { return (__assign({ id: id }, MODAL_REGISTRY[id])); });\n return (React.createElement(React.Fragment, null, toRender.map(function (t) { return (React.createElement(t.comp, __assign({ key: t.id, id: t.id }, t.props))); })));\n};\nvar InnerContextProvider = function (_a) {\n var children = _a.children;\n var arr = useReducer(reducer, initialState);\n var modals = arr[0];\n dispatch = arr[1];\n return (React.createElement(NiceModalContext.Provider, { value: modals },\n children,\n React.createElement(NiceModalPlaceholder, null)));\n};\nexport var Provider = function (_a) {\n var children = _a.children, givenDispatch = _a.dispatch, givenModals = _a.modals;\n if (!givenDispatch || !givenModals) {\n return React.createElement(InnerContextProvider, null, children);\n }\n dispatch = givenDispatch;\n return (React.createElement(NiceModalContext.Provider, { value: givenModals },\n children,\n React.createElement(NiceModalPlaceholder, null)));\n};\n/**\n * Declarative way to register a modal.\n * @param id - The id of the modal.\n * @param component - The modal Component.\n * @returns\n */\nexport var ModalDef = function (_a) {\n var id = _a.id, component = _a.component;\n useEffect(function () {\n register(id, component);\n return function () {\n unregister(id);\n };\n }, [id, component]);\n return null;\n};\n/**\n * A place holder allows to bind props to a modal.\n * It assigns show/hide methods to handler object to show/hide the modal.\n *\n * Comparing to use the directly, this approach allows use registered modal id to find the modal component.\n * Also it avoids to create unique id for MyNiceModal.\n *\n * @param modal - The modal id registered or a modal component.\n * @param handler - The handler object to control the modal.\n * @returns\n */\nexport var ModalHolder = function (_a) {\n var _b;\n var modal = _a.modal, _c = _a.handler, handler = _c === void 0 ? {} : _c, restProps = __rest(_a, [\"modal\", \"handler\"]);\n var mid = useMemo(function () { return getUid(); }, []);\n var ModalComp = typeof modal === 'string' ? (_b = MODAL_REGISTRY[modal]) === null || _b === void 0 ? void 0 : _b.comp : modal;\n if (!handler) {\n throw new Error('No handler found in NiceModal.ModalHolder.');\n }\n if (!ModalComp) {\n throw new Error(\"No modal found for id: \" + modal + \" in NiceModal.ModalHolder.\");\n }\n handler.show = useCallback(function (args) { return show(mid, args); }, [mid]);\n handler.hide = useCallback(function () { return hide(mid); }, [mid]);\n return React.createElement(ModalComp, __assign({ id: mid }, restProps));\n};\nexport var antdModal = function (modal) {\n return {\n visible: modal.visible,\n onOk: function () { return modal.hide(); },\n onCancel: function () { return modal.hide(); },\n afterClose: function () {\n // Need to resolve before remove\n modal.resolveHide();\n if (!modal.keepMounted)\n modal.remove();\n },\n };\n};\nexport var antdModalV5 = function (modal) {\n var _a = antdModal(modal), onOk = _a.onOk, onCancel = _a.onCancel, afterClose = _a.afterClose;\n return {\n open: modal.visible,\n onOk: onOk,\n onCancel: onCancel,\n afterClose: afterClose,\n };\n};\nexport var antdDrawer = function (modal) {\n return {\n visible: modal.visible,\n onClose: function () { return modal.hide(); },\n afterVisibleChange: function (v) {\n if (!v) {\n modal.resolveHide();\n }\n !v && !modal.keepMounted && modal.remove();\n },\n };\n};\nexport var antdDrawerV5 = function (modal) {\n var _a = antdDrawer(modal), onClose = _a.onClose, afterOpenChange = _a.afterVisibleChange;\n return {\n open: modal.visible,\n onClose: onClose,\n afterOpenChange: afterOpenChange,\n };\n};\nexport var muiDialog = function (modal) {\n return {\n open: modal.visible,\n onClose: function () { return modal.hide(); },\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n };\n};\nexport var muiDialogV5 = function (modal) {\n return {\n open: modal.visible,\n onClose: function () { return modal.hide(); },\n TransitionProps: {\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n },\n };\n};\nexport var bootstrapDialog = function (modal) {\n return {\n show: modal.visible,\n onHide: function () { return modal.hide(); },\n onExited: function () {\n modal.resolveHide();\n !modal.keepMounted && modal.remove();\n },\n };\n};\nvar NiceModal = {\n Provider: Provider,\n ModalDef: ModalDef,\n ModalHolder: ModalHolder,\n NiceModalContext: NiceModalContext,\n create: create,\n register: register,\n getModal: getModal,\n show: show,\n hide: hide,\n remove: remove,\n useModal: useModal,\n reducer: reducer,\n antdModal: antdModal,\n antdDrawer: antdDrawer,\n muiDialog: muiDialog,\n bootstrapDialog: bootstrapDialog,\n};\nexport default NiceModal;\n","import { useEffect, useState } from 'react';\n\nconst getHash = () => document.location.hash.replace('#', '');\n\nconst useHash = () => {\n const [hash, setHash] = useState(getHash());\n useEffect(() => {\n function handleHashChange() {\n const hash = getHash() || 'basic';\n setHash(hash);\n window.scrollTo({ top: 0 });\n }\n window.addEventListener('hashchange', handleHashChange);\n return () => {\n window.removeEventListener('hashchange', handleHashChange);\n };\n }, [setHash]);\n return hash;\n};\n\nexport default useHash;\n","/* eslint import/no-webpack-loader-syntax: off */\n\nimport React, { useEffect } from 'react';\nimport codeAntd from '!!raw-loader!./MyAntdModal.tsx';\nimport codeUserList from '!!raw-loader!./UserList.jsx';\nimport codeUserInfoModal from '!!raw-loader!./UserInfoModal.jsx';\nimport codePromiseSample from '!!raw-loader!./PromiseSample.jsx';\nimport codeMyMuiDialog from '!!raw-loader!./MyMuiDialog.tsx';\nimport codeMyBootstrapDialog from '!!raw-loader!./MyBootstrapDialog.tsx';\nimport codeReduxIntegration from '!!raw-loader!./ReduxIntegration.jsx';\nimport codeDeclarative from '!!raw-loader!./Declarative.jsx';\nimport codePropsBinding from '!!raw-loader!./PropsBinding.jsx';\n\nconst codeMap = {\n 'MyAntdModal.tsx': codeAntd,\n 'UserInfoModal.jsx': codeUserInfoModal,\n 'UserList.jsx': codeUserList,\n 'PromiseSample.jsx': codePromiseSample,\n 'MyMuiDialog.tsx': codeMyMuiDialog,\n 'MyBootstrapDialog.tsx': codeMyBootstrapDialog,\n 'ReduxIntegration.jsx': codeReduxIntegration,\n 'Declarative.jsx': codeDeclarative,\n 'PropsBinding.jsx': codePropsBinding,\n};\nexport default function CodeViewer({ filename }) {\n useEffect(() => {\n window.Prism.highlightAll();\n }, [filename]);\n return (\n
    \n
    {filename}
    \n 
    \n        \n          {codeMap[filename] || `// Error: code of \"${filename}\" not found`}\n        \n
    \n
    \n );\n}\n","export default \"import { Modal, Button, Drawer, Space } from 'antd';\\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ name }: { name: string }) => {\\n const modal = useModal();\\n return (\\n \\n Greetings: {name}!\\n \\n );\\n});\\n\\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\\n const modal = useModal();\\n return (\\n {\\n if (!visible) modal.remove();\\n }}\\n >\\n Greetings: {name}!\\n \\n );\\n});\\n\\nexport default function AntdSample() {\\n return (\\n \\n \\n \\n \\n );\\n}\\n\";","export default \"import { useCallback } from 'react';\\nimport { Form, Modal } from 'antd';\\nimport FormBuilder from 'antd-form-builder';\\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\\n\\nexport default NiceModal.create(({ user }) => {\\n const modal = useModal();\\n const [form] = Form.useForm();\\n const meta = {\\n initialValues: user,\\n fields: [\\n { key: 'name', label: 'Name', required: true },\\n { key: 'job', label: 'Job Title', required: true },\\n ],\\n };\\n\\n const handleSubmit = useCallback(() => {\\n form.validateFields().then(() => {\\n const newUser = { ...form.getFieldsValue() };\\n // In real case, you may call API to create user or update user\\n if (!user) {\\n newUser.id = String(Date.now());\\n } else {\\n newUser.id = user.id;\\n }\\n modal.resolve(newUser);\\n modal.hide();\\n });\\n }, [modal, user, form]);\\n return (\\n \\n
    \\n \\n \\n \\n );\\n});\\n\";","export default \"import { useMemo, useCallback, useState } from 'react';\\nimport { Button, Table } from 'antd';\\nimport { EditOutlined } from '@ant-design/icons';\\nimport { useModal } from '@ebay/nice-modal-react';\\nimport UserInfoModal from './UserInfoModal';\\nimport mockData from './mock';\\n\\nexport default function UserList() {\\n const userModal = useModal(UserInfoModal);\\n const [users, setUsers] = useState(mockData);\\n\\n const handleNewUser = useCallback(() => {\\n userModal.show().then((newUser) => {\\n setUsers([newUser, ...users]);\\n });\\n }, [userModal, users]);\\n\\n const handleEditUser = useCallback(\\n (user) => {\\n userModal.show({ user }).then((newUser) => {\\n setUsers((users) => {\\n // Modify users immutablly\\n const i = users.findIndex((u) => u.id === newUser.id);\\n const updated = { ...users[i], ...newUser };\\n const arr = [...users];\\n arr.splice(i, 1, updated);\\n return arr;\\n });\\n });\\n },\\n [userModal],\\n );\\n\\n const columns = useMemo(\\n () => [\\n {\\n title: 'Name',\\n dataIndex: 'name',\\n width: '150px',\\n },\\n {\\n title: 'Job Title',\\n dataIndex: 'job',\\n },\\n {\\n title: 'Edit',\\n width: '100px',\\n render(value, user) {\\n return (\\n }\\n onClick={() => {\\n handleEditUser(user);\\n }}\\n />\\n );\\n },\\n },\\n ],\\n [handleEditUser],\\n );\\n\\n return (\\n
    \\n \\n \\n
    \\n );\\n}\\n\";","export default \"import { Modal, Button, Space } from 'antd';\\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\\n\\nconst PromiseModal = NiceModal.create(({ name }) => {\\n const modal = useModal();\\n const handleResolve = () => {\\n modal.resolve({ resolved: true });\\n };\\n const handleReject = () => {\\n modal.reject(new Error('Rejected'));\\n modal.hide();\\n };\\n return (\\n \\n

    Choose the promise action: {name}

    \\n \\n \\n \\n \\n     \\n );\\n});\\n\\nconst ChainingModal = NiceModal.create(({ times }) => {\\n const modal = useModal();\\n return (\\n \\n \\n
    \\n
    \\n Showed {times}/3 times.\\n     \\n );\\n});\\n\\nexport default function PromiseSample() {\\n const chainingModal = useModal(ChainingModal);\\n const showPromiseModal = () => {\\n NiceModal.show(PromiseModal, { name: 'nate' })\\n .then((res) => {\\n console.log('Resolved: ', res);\\n NiceModal.show(PromiseModal, { name: 'nate2' });\\n })\\n .catch((err) => {\\n console.log('Rejected: ', err);\\n });\\n };\\n const showChainingModal = async () => {\\n for (let i = 0; i < 3; i++) {\\n await chainingModal.show({ times: i + 1 });\\n await chainingModal.hide();\\n }\\n };\\n\\n return (\\n <>\\n

    NOTE: please open dev console to see the output.

    \\n \\n \\n\\n \\n \\n \\n );\\n}\\n\";","export default \"import React from 'react';\\nimport Button from '@material-ui/core/Button';\\nimport Dialog from '@material-ui/core/Dialog';\\nimport DialogActions from '@material-ui/core/DialogActions';\\nimport DialogContent from '@material-ui/core/DialogContent';\\nimport DialogContentText from '@material-ui/core/DialogContentText';\\nimport DialogTitle from '@material-ui/core/DialogTitle';\\nimport Slide from '@material-ui/core/Slide';\\nimport { TransitionProps } from '@material-ui/core/transitions';\\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\\n\\nconst Transition = React.forwardRef(function Transition(\\n props: TransitionProps & { children?: React.ReactElement },\\n ref: React.Ref,\\n) {\\n return ;\\n});\\n\\nconst MyMuiDialog = NiceModal.create(() => {\\n const modal = useModal();\\n return (\\n modal.hide()}\\n TransitionProps={{\\n onExited: () => modal.remove(),\\n }}\\n >\\n {\\\"Use Google's location service?\\\"}\\n \\n \\n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\\n apps are running.\\n \\n \\n \\n \\n \\n \\n \\n );\\n});\\n\\nexport default function MuiDialogSample() {\\n return (\\n \\n );\\n}\\n\";","export default \"import BootstrapModal from 'react-bootstrap/Modal';\\nimport Button from 'react-bootstrap/Button';\\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\\n\\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\\n const modal = useModal();\\n return (\\n \\n \\n Modal title\\n \\n\\n \\n

    Modal body text goes here. {name}

    \\n     \\n\\n \\n \\n \\n \\n     \\n );\\n});\\nexport default function BootstrapSample() {\\n return (\\n <>\\n \\n \\n );\\n}\\n\";","export default \"import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\\nimport { Provider, useSelector, useDispatch } from 'react-redux';\\nimport NiceModal from '@ebay/nice-modal-react';\\nimport { Button } from 'antd';\\nimport { MyAntdModal } from './MyAntdModal';\\nimport logger from 'redux-logger';\\n\\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\\nconst enhancer = composeEnhancers(applyMiddleware(logger));\\n\\nconst store = createStore(\\n combineReducers({\\n __nice_modals: NiceModal.reducer,\\n // other reducers...\\n }),\\n enhancer,\\n);\\n\\nconst ModalsProvider = ({ children }) => {\\n const modals = useSelector((s) => s.__nice_modals);\\n const dispatch = useDispatch();\\n return (\\n \\n

    NOTE: open dev console or Redux dev tools to see actions log.

    \\n {\\n NiceModal.show(MyAntdModal, { name: 'Redux' });\\n }}\\n >\\n Show Modal\\n \\n     \\n );\\n};\\n\\nexport default function ReduxIntegration({ children }) {\\n return (\\n \\n {children}\\n \\n );\\n}\\n\";","export default \"import { Modal, Button } from 'antd';\\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ name }) => {\\n const modal = useModal();\\n return (\\n \\n Greetings: {name}!\\n \\n );\\n});\\n\\nexport default function AntdSample() {\\n return (\\n <>\\n \\n \\n \\n );\\n}\\n\";","export default \"import { useEffect, useState } from 'react';\\nimport { Modal, Button } from 'antd';\\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\\n\\nexport const MyAntdModal = NiceModal.create(({ time }) => {\\n const modal = useModal();\\n return (\\n \\n Time: {time}\\n \\n );\\n});\\n\\nexport default function Example() {\\n const [time, setTime] = useState(0);\\n useEffect(() => {\\n const p = setInterval(() => setTime((t) => t + 1), 1000);\\n return () => clearInterval(p);\\n }, []);\\n\\n // modalHandler will be assign show/hide method.\\n const modalHandler = {};\\n\\n return (\\n <>\\n \\n \\n \\n );\\n}\\n\";","import { useCallback } from 'react';\nimport { Form, Modal } from 'antd';\nimport FormBuilder from 'antd-form-builder';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nexport default NiceModal.create(({ user }) => {\n const modal = useModal();\n const [form] = Form.useForm();\n const meta = {\n initialValues: user,\n fields: [\n { key: 'name', label: 'Name', required: true },\n { key: 'job', label: 'Job Title', required: true },\n ],\n };\n\n const handleSubmit = useCallback(() => {\n form.validateFields().then(() => {\n const newUser = { ...form.getFieldsValue() };\n // In real case, you may call API to create user or update user\n if (!user) {\n newUser.id = String(Date.now());\n } else {\n newUser.id = user.id;\n }\n modal.resolve(newUser);\n modal.hide();\n });\n }, [modal, user, form]);\n return (\n \n
    \n \n \n \n );\n});\n","const data = [\n {\n id: '1',\n name: 'Kennedy',\n job: 'Chief Mobility Orchestrator',\n city: 'North Alec',\n },\n {\n id: '2',\n name: 'Lucius',\n job: 'Internal Research Manager',\n city: 'Littleland',\n },\n {\n id: '3',\n name: 'Carlos',\n job: 'Lead Configuration Analyst',\n city: 'South Lillian',\n },\n {\n id: '4',\n name: 'Urban',\n job: 'Chief Operations Agent',\n city: 'Shieldshaven',\n },\n {\n id: '5',\n name: 'Katrine',\n job: 'Legacy Solutions Orchestrator',\n city: 'South Kyleigh',\n },\n];\nexport default data;\n","import { Modal, Button, Space } from 'antd';\nimport NiceModal, { useModal, antdModal } from '@ebay/nice-modal-react';\n\nconst PromiseModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n const handleResolve = () => {\n modal.resolve({ resolved: true });\n };\n const handleReject = () => {\n modal.reject(new Error('Rejected'));\n modal.hide();\n };\n return (\n \n

    Choose the promise action: {name}

    \n \n \n \n \n     \n );\n});\n\nconst ChainingModal = NiceModal.create(({ times }) => {\n const modal = useModal();\n return (\n \n \n
    \n
    \n Showed {times}/3 times.\n     \n );\n});\n\nexport default function PromiseSample() {\n const chainingModal = useModal(ChainingModal);\n const showPromiseModal = () => {\n NiceModal.show(PromiseModal, { name: 'nate' })\n .then((res) => {\n console.log('Resolved: ', res);\n NiceModal.show(PromiseModal, { name: 'nate2' });\n })\n .catch((err) => {\n console.log('Rejected: ', err);\n });\n };\n const showChainingModal = async () => {\n for (let i = 0; i < 3; i++) {\n await chainingModal.show({ times: i + 1 });\n await chainingModal.hide();\n }\n };\n\n return (\n <>\n

    NOTE: please open dev console to see the output.

    \n \n \n\n \n \n \n );\n}\n","import { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n <>\n \n \n \n );\n}\n","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Slide from '@material-ui/core/Slide';\nimport { TransitionProps } from '@material-ui/core/transitions';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nconst Transition = React.forwardRef(function Transition(\n props: TransitionProps & { children?: React.ReactElement },\n ref: React.Ref,\n) {\n return ;\n});\n\nconst MyMuiDialog = NiceModal.create(() => {\n const modal = useModal();\n return (\n modal.hide()}\n TransitionProps={{\n onExited: () => modal.remove(),\n }}\n >\n {\"Use Google's location service?\"}\n \n \n Let Google help apps determine location. This means sending anonymous location data to Google, even when no\n apps are running.\n \n \n \n \n \n \n \n );\n});\n\nexport default function MuiDialogSample() {\n return (\n \n );\n}\n","import { Modal, Button, Drawer, Space } from 'antd';\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n \n Greetings: {name}!\n \n );\n});\n\nconst MyAntdDrawer = NiceModal.create(({ name }: { name: string }) => {\n const modal = useModal();\n return (\n {\n if (!visible) modal.remove();\n }}\n >\n Greetings: {name}!\n \n );\n});\n\nexport default function AntdSample() {\n return (\n \n \n \n \n );\n}\n","import BootstrapModal from 'react-bootstrap/Modal';\nimport Button from 'react-bootstrap/Button';\nimport NiceModal, { useModal, bootstrapDialog } from '@ebay/nice-modal-react';\n\nconst MyBootstrapDialog = NiceModal.create(({ name = 'Bootstrap' }: { name: string }) => {\n const modal = useModal();\n return (\n \n \n Modal title\n \n\n \n

    Modal body text goes here. {name}

    \n     \n\n \n \n \n \n     \n );\n});\nexport default function BootstrapSample() {\n return (\n <>\n \n \n );\n}\n","import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\nimport { Provider, useSelector, useDispatch } from 'react-redux';\nimport NiceModal from '@ebay/nice-modal-react';\nimport { Button } from 'antd';\nimport { MyAntdModal } from './MyAntdModal';\nimport logger from 'redux-logger';\n\nconst composeEnhancers = (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\nconst enhancer = composeEnhancers(applyMiddleware(logger));\n\nconst store = createStore(\n combineReducers({\n __nice_modals: NiceModal.reducer,\n // other reducers...\n }),\n enhancer,\n);\n\nconst ModalsProvider = ({ children }) => {\n const modals = useSelector((s) => s.__nice_modals);\n const dispatch = useDispatch();\n return (\n \n

    NOTE: open dev console or Redux dev tools to see actions log.

    \n {\n NiceModal.show(MyAntdModal, { name: 'Redux' });\n }}\n >\n Show Modal\n \n     \n );\n};\n\nexport default function ReduxIntegration({ children }) {\n return (\n \n {children}\n \n );\n}\n","import { useEffect, useState } from 'react';\nimport { Modal, Button } from 'antd';\nimport NiceModal, { useModal, ModalHolder } from '@ebay/nice-modal-react';\n\nexport const MyAntdModal = NiceModal.create(({ time }) => {\n const modal = useModal();\n return (\n \n Time: {time}\n \n );\n});\n\nexport default function Example() {\n const [time, setTime] = useState(0);\n useEffect(() => {\n const p = setInterval(() => setTime((t) => t + 1), 1000);\n return () => clearInterval(p);\n }, []);\n\n // modalHandler will be assign show/hide method.\n const modalHandler = {};\n\n return (\n <>\n \n \n \n );\n}\n","import NiceModal from '@ebay/nice-modal-react';\nimport useHash from './useHash';\nimport CodeViewer from './CodeViewer';\nimport UserList from './UserList';\nimport './App.css';\nimport PromiseSample from './PromiseSample';\nimport Declarative from './Declarative';\nimport MyMuiDialog from './MyMuiDialog';\nimport MyAntdModal from './MyAntdModal';\nimport MyBootstrapDialog from './MyBootstrapDialog';\nimport ReduxIntegration from './ReduxIntegration';\nimport PropsBinding from './PropsBinding';\n\nconst examples = {\n real: {\n name: 'Real Case',\n component: UserList,\n description: 'Show a dialog to create a new user or edit user info.',\n code: ['UserList.jsx', 'UserInfoModal.jsx'],\n },\n mui: {\n name: 'Material UI',\n description: 'Show material UI dialog',\n component: MyMuiDialog,\n code: ['MyMuiDialog.tsx'],\n },\n antd: {\n name: 'Ant Design',\n description: 'Show/hide antd modal or drawer.',\n component: MyAntdModal,\n code: ['MyAntdModal.tsx'],\n },\n bootstrap: {\n name: 'Bootstrap React',\n descript: 'Show/hide bootstrap dialog.',\n component: MyBootstrapDialog,\n code: ['MyBootstrapDialog.tsx'],\n },\n promise: {\n name: 'Promise',\n description: 'Use promise to interact with the dialog.',\n component: PromiseSample,\n code: ['PromiseSample.jsx'],\n },\n declarative: {\n name: 'Declarative',\n description: 'Declarative way to register a modal with id.',\n component: Declarative,\n code: ['Declarative.jsx'],\n },\n propsBinding: {\n name: 'Props Binding',\n description: 'To bind props to modal, need to declare the modal using jsx.',\n component: PropsBinding,\n code: ['PropsBinding.jsx'],\n },\n redux: {\n name: 'Redux Integration',\n description:\n 'Use Redux to manage modals state so that you can use Redux dev tools to debug nice modals.',\n component: ReduxIntegration,\n code: ['ReduxIntegration.jsx'],\n },\n};\n\nfunction App() {\n const current = useHash() || 'real';\n\n const renderExample = () => {\n const item = examples[current];\n if (!item || !item.component) {\n return Error: example \"{current}\" not found.;\n }\n const Comp = item.component;\n return (\n <>\n

    \n {item.name}\n

    {item.description}

    \n

    \n \n \n );\n };\n const example = examples[current] || {};\n const ele = (\n
    \n
    \n

    \n @ebay/nice-modal-react\n Examples\n

    \n
    \n \n
    \n
    \n \n \n \n
    \n \n \"api\n \n
    \n \n \n \n
    \n
    \n
    \n
    {renderExample()}
    \n
    \n {example.code?.map((f) => (\n \n ))}\n
    \n
    \n
    \n );\n\n if (current === 'redux') return ele;\n else return {ele};\n}\n\nexport default App;\n","import { useMemo, useCallback, useState } from 'react';\nimport { Button, Table } from 'antd';\nimport { EditOutlined } from '@ant-design/icons';\nimport { useModal } from '@ebay/nice-modal-react';\nimport UserInfoModal from './UserInfoModal';\nimport mockData from './mock';\n\nexport default function UserList() {\n const userModal = useModal(UserInfoModal);\n const [users, setUsers] = useState(mockData);\n\n const handleNewUser = useCallback(() => {\n userModal.show().then((newUser) => {\n setUsers([newUser, ...users]);\n });\n }, [userModal, users]);\n\n const handleEditUser = useCallback(\n (user) => {\n userModal.show({ user }).then((newUser) => {\n setUsers((users) => {\n // Modify users immutablly\n const i = users.findIndex((u) => u.id === newUser.id);\n const updated = { ...users[i], ...newUser };\n const arr = [...users];\n arr.splice(i, 1, updated);\n return arr;\n });\n });\n },\n [userModal],\n );\n\n const columns = useMemo(\n () => [\n {\n title: 'Name',\n dataIndex: 'name',\n width: '150px',\n },\n {\n title: 'Job Title',\n dataIndex: 'job',\n },\n {\n title: 'Edit',\n width: '100px',\n render(value, user) {\n return (\n }\n onClick={() => {\n handleEditUser(user);\n }}\n />\n );\n },\n },\n ],\n [handleEditUser],\n );\n\n return (\n
    \n \n \n
    \n );\n}\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport 'antd/dist/antd.css';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""} \ No newline at end of file