{"_id":"@congritta-ui/modal-window","_rev":"2-e18e1429856a2dc04c663cc9c3c93be5","name":"@congritta-ui/modal-window","description":"Modal window component for Congritta UI framework","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@congritta-ui/modal-window","version":"0.0.1","keywords":["ui","styles","css","framework","frontend","congritta","component","modal","window","popup"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/modal-window@0.0.1","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/modal-window","bugs":{"url":"https://github.com/congritta/ui-modal-window/issues"},"dist":{"shasum":"7308bd826f1c9e4d25022f47d3311f5c988afd30","tarball":"https://registry.npmjs.org/@congritta-ui/modal-window/-/modal-window-0.0.1.tgz","fileCount":22,"integrity":"sha512-62Iy42HsHBCt6ra9QGkVtiHWu/+nZClCpYbgXU02U46P+kGkST4V/ah0/pRP/sRlwMCmWarxANyzLI2qMN55mg==","signatures":[{"sig":"MEYCIQCbtCjUFgfluwJHz6GtC/wrM6otpbEGP5Hpcs9Qn/F4gAIhAL0WCvFVJa2Vu6Ve4LFoDyFpe24f3w7DHHpLjt+CexWA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31433},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"0810a64a090b3108708d9dc9e3b727b10ab7b770","scripts":{"dev":"bash scripts/dev.sh","lint":"bash scripts/lint.sh","build":"bash scripts/build.sh","prepare":"yarn husky install"},"_npmUser":{"name":"congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-modal-window.git","type":"git"},"_npmVersion":"9.5.1","description":"Modal window component for Congritta UI framework","directories":{},"_nodeVersion":"18.16.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4"},"_hasShrinkwrap":false,"packageManager":"yarn@3.5.1","devDependencies":{"husky":"^8.0.3","eslint":"latest","esbuild":"^0.17.19","ts-node":"^10.9.1","typescript":"^5.0.4","@types/node":"^20.2.1","eslint-plugin-react":"latest","@typescript-eslint/parser":"latest","esbuild-css-modules-plugin":"^2.7.1","@typescript-eslint/eslint-plugin":"latest"},"_npmOperationalInternal":{"tmp":"tmp/modal-window_0.0.1_1686858908784_0.253171775343803","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.2":{"name":"@congritta-ui/modal-window","version":"0.0.2","keywords":["ui","styles","css","framework","frontend","congritta","component","modal","window","popup"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/modal-window@0.0.2","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/modal-window","bugs":{"url":"https://github.com/congritta/ui-modal-window/issues"},"dist":{"shasum":"0cc466e1eecd129dbdc3c63e99063f94fcb77161","tarball":"https://registry.npmjs.org/@congritta-ui/modal-window/-/modal-window-0.0.2.tgz","fileCount":22,"integrity":"sha512-ZoyHY4it6Ewmc3ikZWcqXqWW3TfBd/VTnTCeGPTZL7xBvZMm1tm/9ts4699ATHEru6ysf/OjrUJkdIcTsZWZgg==","signatures":[{"sig":"MEQCIGdCiBGsTuDsnkpRoQLonqGogqqT/5aHodrcaKcB6P6gAiATPXwb92qXtoaryxymbG6knMwDr+prqjdWM9SEAAbwnw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30663},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"f62fd8120bea2273d308369586d2e20311405a7a","scripts":{"dev":"bash scripts/dev.sh","lint":"bash scripts/lint.sh","build":"bash scripts/build.sh","prepare":"yarn husky install"},"_npmUser":{"name":"congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-modal-window.git","type":"git"},"_npmVersion":"9.5.1","description":"Modal window component for Congritta UI framework","directories":{},"_nodeVersion":"18.16.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4"},"_hasShrinkwrap":false,"packageManager":"yarn@3.5.1","devDependencies":{"husky":"^8.0.3","eslint":"latest","esbuild":"^0.17.19","ts-node":"^10.9.1","typescript":"^5.0.4","@types/node":"^20.2.1","eslint-plugin-react":"latest","@typescript-eslint/parser":"latest","esbuild-css-modules-plugin":"^2.7.1","@typescript-eslint/eslint-plugin":"latest"},"_npmOperationalInternal":{"tmp":"tmp/modal-window_0.0.2_1690219330246_0.31269263862076047","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2023-06-15T19:55:08.734Z","modified":"2024-07-02T21:33:52.081Z","0.0.1":"2023-06-15T19:55:08.989Z","0.0.2":"2023-07-24T17:22:10.437Z"},"maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-modal-window.git","type":"git"},"keywords":["ui","styles","css","framework","frontend","congritta","component","modal","window","popup"],"homepage":"https://ui.congritta.com/docs/modal-window","bugs":{"url":"https://github.com/congritta/ui-modal-window/issues"},"readme":"# @congritta-ui/modal-window\n\nThis is modal window React component and part of [Congritta UI](https://ui.congritta.com)\n\n## How to install\n\n1. Install `@congritta-ui/base` if you didn't it yet. (More info at: http://ui.congritta.com/docs/base);\n2. Install `@congritta-ui/loading-wheel`;\n\nAdd\n\n```javascript\nimport ModalWindow from '@congritta-ui/modal-window';\n```\n\ninto your code\n\n## How to use\n\nExample:\n\n```jsx\nexport default function MyComponentWithModalWindow() {\n const [isModalWindow, setIsModalWindow] = useState(false);\n\n return (\n setIsModalWindow(false)}\n title=\"My modal window title\"\n >\n Hello World\n \n )\n}\n```\n\n### Props\n\n| Prop name | Description | Is Required | Default value |\n|----------------------|----------------------------------------------------------------|-------------|-----------------------|\n| isActive | Should modal window be shown | true | |\n| title | Modal window title. May be string or JSX | true | |\n| onClose | Function that executes when user wants to close modal window | false | |\n| animationDuration | How many milliseconds is modal window revealing or hiding | false | `210` |\n| closeButtonContents | JSX contents in close button. Recommended to be an svg element | false | `` |\n| containerClassName | Classname for providing your styles to window container | false | |\n| backgroundClassName | Window background className | false | |\n| headerClassName | Classname for providing your styles to window header | false | |\n| headerTitleClassName | Classname for providing your styles to window title | false | |\n| closeButtonClassName | Classname for providing your styles to close button | false | |\n| contentsClassName | Classname for providing your styles to window contents wrapper | false | |\n","readmeFilename":"README.md"}