{"_id":"@adactive/arc-modal-asia","_rev":"9-fb94db1a5e0fbb44a82b656d80174a29","name":"@adactive/arc-modal-asia","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@adactive/arc-modal-asia","version":"1.0.0","keywords":["adsum","react","redux","modal"],"author":{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"},"license":"UNLISENCED","_id":"@adactive/arc-modal-asia@1.0.0","maintainers":[{"name":"naei","email":"naei@protonmail.com"},{"name":"clientadactive","email":"support@adactive.com"},{"name":"moroine","email":"moroine.bentefrit@gmail.com"},{"name":"adactive-bot","email":"noreply@adactive.com"}],"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"dist":{"shasum":"bef06f88d3a8d6d6e73a09627db070a22ea70dec","tarball":"https://registry.npmjs.org/@adactive/arc-modal-asia/-/arc-modal-asia-1.0.0.tgz","fileCount":9,"integrity":"sha512-CjUP4Rnza5L949fzT980GED2HyDvl265Phpo+OgAWKbIjD/csFUd2fhSaXw2Bsa61sMHLm5IkxZv/c0q4CjuHg==","signatures":[{"sig":"MEQCIFlokp9geYCusMPCNpjq8/lK3aYm8bN0yAPqJ4oJa0GVAiBaSYZ3gJX086Ls9+KPa5nD7YYQe+6/eMYwCaece1p6Fg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJctDTlCRA9TVsSAnZWagAA7fYP/0CcJN9W0TUm1eTAopfh\nC+Ea8PSZCTXtCX7lQYeB5ScG7G2Wum3AHXvYHLxXnp10ZGD+M7ExthtK2hcR\nRNuf+JK8qy7xFS2dViEa7tjIsbdBy1/A7WlT0iYMED29YC1ss7N3+5gEHVRm\nS2eArrnUYikQcxto7RR7zg98kpGqAfJHmu5vk6z1n4pxaP8yIeDf0odGFi2t\nO669XAWe3RriIlq2W4LedF8E+GBTfIh0hoONpIEe4zDCn/kxykdO1OQDM1RI\nMVyeuxc8rB/4f840KRA/cM9BBttUfRSB1LkyRjAOLl4t/6SlfMGLKvPFoHr/\nXDecsPxqSNN8fUDrVqOMUsqX3jqwI2dRX8piOg10YYUTl9YKgo7A7r3rpxyS\njSRWABW9+F9CoZOAp4o2p/KYnxuRUAI/c8/jiDxhV8a8bQls/pheenGO/Wsp\nKpOhMlSMkiv6btE78MPTa0NLf3gVGjUQWyFFWKVBUY0BFieE+r+Fp4LKfqhA\nf+9JzSyauqNtNbuGYD2hoCKlM7xIvEnL2KQ27cr9EXurM8kMU5zMza2TsjKx\n/QfWhUU2mp3DTp2HMYIiuZ5r6oHPTnATO3wNnS56mfcWdQXiCOCRjrZ1qMFj\nnJQvDTNvGjgP1tx0tQ3EgsBda4VxzPaMUJ+p08O/iuZoTYdJsnu/lnYNsKCC\n8QHd\r\n=zS01\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"7ab0b2fbd88be57a246385ca5758420dbbc27bad","scripts":{},"_npmUser":{"name":"clientadactive","email":"support@adactive.com"},"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"_npmVersion":"6.4.1","description":"Adsum Modal Component","directories":{},"_nodeVersion":"8.15.1","dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"peerDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"_npmOperationalInternal":{"tmp":"tmp/arc-modal-asia_1.0.0_1555313892504_0.8404423956852181","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@adactive/arc-modal-asia","version":"1.0.1","keywords":["adsum","react","redux","modal"],"author":{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"},"license":"UNLISENCED","_id":"@adactive/arc-modal-asia@1.0.1","maintainers":[{"name":"adactive-bot","email":"noreply@adactive.com"},{"name":"clientadactive","email":"support@adactive.com"},{"name":"moroine","email":"moroine.bentefrit@gmail.com"},{"name":"naei","email":"naei@protonmail.com"}],"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"dist":{"shasum":"c3439d47aabd2b81d1c6909c189ffb8acc80a9f7","tarball":"https://registry.npmjs.org/@adactive/arc-modal-asia/-/arc-modal-asia-1.0.1.tgz","fileCount":10,"integrity":"sha512-xNH7edty1fIRvgpNikT/9HFWsLAA+3+ZSBxGVyf1WbGMqgLlDMe45Qg9PkLwmsXoTG1arSjftChSG5P3r7z6BA==","signatures":[{"sig":"MEUCIERFlrOPQreoAGdESc0SnpEEOc4cL5afC0LlDeevnn72AiEAy9LeDt3YhHzl2NlsJEfkLtbBff+lhuXIU69U3czfKxI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcvTDtCRA9TVsSAnZWagAAzxUP/25ySf9iPGTLHffYpUjK\n1YyA0OdjQ+NvjPUMN1RbaSpA2vazeBXD5TwODMEXnr4gbg9fKgXvSlr3FJtO\n9qq/BLahvqco6GOPqwtAD0eN3b1Kt0gQuOQUfomSnBBc6yPRN1U3KHzaOiZc\nvr08jEmR9L3RnAuukcnVna9BmGUZ+YVullGZzbt7e541SASVOpM3Dg1xGHiB\nWzNtDortugtRiC3iuEZ4MCWOfYtjvYBIO9N0YgSgR12T+2KWHN2iM8FXiK2I\npu3fhhXHSHnd0AMiA7dVdw5WikNePmcgnWVDIr/EWoD2mxN2uRgwJo2Hgoyr\nFBmSbmzObqFUWIjMh2LIfAm3v4yAzXbgUT/iIrsQifaE/u4Kul2/oUNcqQ5p\ncm/Imbq800nrpOeHncSPYfbpdeA0F9yrtDPkZoUQgtAuDF5jxrToUGYpikkT\nKE8rNbhgojzHYcjWywEHgHWUAQPSVCMyOfkigJHKipshuRWv6LKWGbl0wrDV\n9cih1HBBsJqrEJwkR9NouWUgKBTCJllUB+XlH3Kp+uYdH4KcqtzseFKZsM3q\nneOG5H1h1N1AE69Tp7IIDXsqwvEDwc6iCbv6dG6/NHqPlffuBCY9ruIJHHpE\nZl+7/fphmocpJR1TW+k17qwKgBVj+/Y9RkcYl9LBpxzENph1eGDbhUfpPROW\neaRR\r\n=bb+j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"7ab0b2fbd88be57a246385ca5758420dbbc27bad","scripts":{},"_npmUser":{"name":"clientadactive","email":"support@adactive.com"},"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"_npmVersion":"6.4.1","description":"Adsum Modal Component","directories":{},"_nodeVersion":"8.15.1","dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"peerDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"_npmOperationalInternal":{"tmp":"tmp/arc-modal-asia_1.0.1_1555902700719_0.8116379684784334","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@adactive/arc-modal-asia","version":"1.0.2","keywords":["adsum","react","redux","modal"],"author":{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"},"license":"UNLISENCED","_id":"@adactive/arc-modal-asia@1.0.2","maintainers":[{"name":"adactive-bot","email":"noreply@adactive.com"},{"name":"clientadactive","email":"support@adactive.com"},{"name":"moroine","email":"moroine.bentefrit@gmail.com"},{"name":"naei","email":"naei@protonmail.com"}],"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"dist":{"shasum":"1f09204e7c838b97970f5dd5e9df5940c27a6463","tarball":"https://registry.npmjs.org/@adactive/arc-modal-asia/-/arc-modal-asia-1.0.2.tgz","fileCount":10,"integrity":"sha512-DXR4a1/L6hBdHMFEyHe2GlXJvbnGp0qDEzTLZ3SKijZlsD1VggB0JaAdWR3ODMNVzT+jLoAxSJFF0AAsoKC+2g==","signatures":[{"sig":"MEUCIQCsS+o37df3+y3qd52lx9BoIYajUaWAsk/re5ZI3EOKcwIgXWNrs+95PD1WrcboY9qZx1Y67kAxIAxreJwPZqjGE+0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcvWCnCRA9TVsSAnZWagAA0rQP/1N37Mu4bPVJ/+MMv5nh\nV+aZ+sfzFSxBHqyuOVrTIg0m070B6hbMqUlrTV6BTK6Qr55M3qyqvKMCFVlu\nMYpcYW1YiaKMtUbO5tM6u6m9D5XpWISg9S8/ut2Xmdl105yCqfvjq/OG9YK8\nzy8FXsloGR7PJ3meK9YiK6cxR432f2hfgW7RoDNn0I83QpzLVjm7SaooOeO4\n6YDaIvxGnxI/cz3nMDdcKJZGUA0ua2V0wnH5uowIwSQw6YVFeoC2H3fDelSg\nVJYgaxyDEKqbcQGE8gNpW76fYXHqcDoE5/MoAB1qWUTJwddwajTgZtL03pdT\ngeKLo6R7aDiSvfre824No8uo4SvBJv9G8Nskp41crQsDJMLdyCO/AfTeF7Lf\n5Jbm5QeILUsuq15WT9158W4Gd4FRh7xP2pcGWItSWWVwxbAphVhN1Ik4CyjC\nDucdJenvAnTh9SbdrAj0JjzvMVMwZxJ0U4eVhV16rmLvNl8aTvjnpP2cy44x\ngXBSRIkU0QL4ErjEJMMu/npgfZFNqXX5p0Q5nHuIW8Aj8gKe7CnuLdV2657x\nhDf1MZyGYEeXrOa1FMU0gvffyqZiflo9Guj7P900PxmfCb11MfxDtilmRrUG\ns4YPsk57z5MAe5M2s7fq16BNK5Quoro/xJ0HmFSfFcaqVtZvTID/dS5DSO3K\nyySo\r\n=Szb6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"7ab0b2fbd88be57a246385ca5758420dbbc27bad","scripts":{},"_npmUser":{"name":"clientadactive","email":"support@adactive.com"},"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"_npmVersion":"6.4.1","description":"Adsum Modal Component","directories":{},"_nodeVersion":"8.15.1","dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"peerDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"_npmOperationalInternal":{"tmp":"tmp/arc-modal-asia_1.0.2_1555914918362_0.6324381535505865","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@adactive/arc-modal-asia","version":"1.0.3","keywords":["adsum","react","redux","modal"],"author":{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"},"license":"UNLISENCED","_id":"@adactive/arc-modal-asia@1.0.3","maintainers":[{"name":"adactive-bot","email":"noreply@adactive.com"},{"name":"clientadactive","email":"support@adactive.com"},{"name":"moroine","email":"moroine.bentefrit@gmail.com"},{"name":"naei","email":"naei@protonmail.com"}],"homepage":"https://github.com/adactiveasia/adsum-react-components#readme","bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"dist":{"shasum":"a15efdfe0cdb5db2fe184fe5a215b9cbbff699c7","tarball":"https://registry.npmjs.org/@adactive/arc-modal-asia/-/arc-modal-asia-1.0.3.tgz","fileCount":10,"integrity":"sha512-WMkITes5JTHF156JiaGfa+vf9nJ6gE5vulgbxN7TiEAXkQeZ/UdOxy/G1UdwzY83j5/mts4iEPw5mWoVHlQg6A==","signatures":[{"sig":"MEUCIDcJ7++c8oYC5KoGWftZ/8iol1+UrzSVQ5ZvuP6t39WrAiEAhT/XeDVaWyHcSpSEWNsp3kNqGOD4Dgpf3K7zwALRcYM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcvWtUCRA9TVsSAnZWagAAjWkP/3Zb5hIKw29vwa1BDf8o\nyPcFXjJ4+2e3FeT2mA0p2PxowRB39D5r8Jt3Lilcex/enLgsoR/ycMkAP3OB\nwy6FEHuSjHXOyltq1aKYTfTxLZAOGlmNBXbyzzKad1FY4KLbCqnlWVSqKZfD\ngaI6l4D9ivKcm1bGRbG5hGjPYnuulM/raeiXEoqQIp8Rgj0bayEILhHc9MP6\ncykNRUl8j14MB5i3AedmOtS/KazknIda2vsxoJJeYuY5yTWuY1qwNa3vulXr\n+xK5vl2SLpuIV6UFUco0Oi8sQw/sHMn0mYQlv6agVUkNxGCsgqB1lAUD7lOs\na+kojihCSqyKZWhf3enNShvLrON7A7NfuHHp/WAsJMVSXAKyI6paW05aVKxG\nzeBmEXZN7kZqE6EUqxlg44sI8OAMRfs74TRUpjyy5ZfA9gn183id/dTp3ETE\nyF55CD8kyz6xFaPsnjO/PWYM5cI1sfQV4+NZzvtIOs4sO2L53drFPbaxclB8\nO05as0poRQqVj49qRaJ6zKiD1fudAHe3dloSB+N4EmjZr5U7DWpDvNBJa4hu\n5X5EH53vripYnGKzK+dajURZdyvM0LowdlELcNioCjZEkp0G/bAe3l7tEAT0\nYG9v/CCWEsxeb9bMF5KByBS+6ualju0o8FQMYFALO9yRq47XuBZNyi1vhJPx\ndZHK\r\n=oQ8s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","gitHead":"7ab0b2fbd88be57a246385ca5758420dbbc27bad","scripts":{},"_npmUser":{"name":"clientadactive","email":"support@adactive.com"},"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"_npmVersion":"6.4.1","description":"Adsum Modal Component","directories":{},"_nodeVersion":"8.15.1","dependencies":{"chalk":"^1.1.3","commander":"^2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"peerDependencies":{"react":"^16.3.2","redux-saga":"^0.16.0","react-redux":"^5.0.7"},"_npmOperationalInternal":{"tmp":"tmp/arc-modal-asia_1.0.3_1555917652225_0.026075392001998043","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-04-15T07:38:12.416Z","modified":"2025-12-18T09:12:30.067Z","1.0.0":"2019-04-15T07:38:12.701Z","1.0.1":"2019-04-22T03:11:40.806Z","1.0.2":"2019-04-22T06:35:18.558Z","1.0.3":"2019-04-22T07:20:52.369Z"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"author":{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"},"license":"UNLISENCED","homepage":"https://github.com/adactiveasia/adsum-react-components#readme","keywords":["adsum","react","redux","modal"],"repository":{"url":"git://github.com/adactiveasia/adsum-react-components.git","type":"git"},"description":"Adsum Modal Component","maintainers":[{"email":"dev+npm-clientadactive@adactive.com","name":"clientadactive"},{"email":"dev+npm-adactive-bot@adactive.com","name":"adactive-bot"},{"email":"naei@protonmail.com","name":"naei"},{"email":"nicolas.belouis@adactive.com","name":"nbelouis"}],"readme":"# Carousel component\n\n![image](https://user-images.githubusercontent.com/5297278/40351912-38f849c8-5db6-11e8-8690-8198ca33bad4.pnghttps://user-images.githubusercontent.com/5297278/40352018-82424548-5db6-11e8-838b-a0b4e64bc921.png)\n\n## Getting started\n\n1. Install this component using\n    yarn add adsum-modal-asia\n2. Setting Redux Reducers\n    typically located on your_project_folder/src/rootReducer.js\n    - import the reducer : \n    ```import { ModalReducers } from '@adactive/arc-modal-asia';```\n    - add ScreenSaverReducers on your root reducer, for example:\n    ```\n        const appState: AppStateType = {\n        routing: routerReducer,\n        map,\n        loadingScreen,\n        modal: ModalReducers\n        };\n    ```\n3. Setting Redux Actions in your Apps\n    First thing to do is to import the action to file which you need the actions, for example app.js\n    ```import { ModalActions } from '@adactive/arc-modal-asia';```\n\n    There is 5 redux prop actions that this component have:\n    setPoiStructure(modalState.poi);\n    setModal(\"shopDetail\"); \n    openModal(true);\n    setModalStructure(\"categoryDetail\");\n    setPoi(newItem);\n\n\n        setModal(\"categoryDetail\"); \n        openModal(true);\n        setModalStructure(\"search\");\n        setPoi(item);\n    The first action is ***ONLY*** required if a function want to open children of current modal but we need to save the poi for back button. Usually it used on children that want to call grandchildren\n    - Action to save the poi in the structure for nested\n    **(ModalActions.setPoiStructure)**\n    This Following Two Actions is required to show modal\n    - Action to set which modal will appear\n    **(ModalActions.setModal)**\n    - Action to open the modal\n    **(ModalActions.openModal)**\n    The Following Two Actions is required when a function is opening a child of nested modal\n    - Action to set which modal is the parent of will be opened modal\n    **(ModalActions.setModalStructure)**\n    - Action to save the poi of current modal\n    **(ModalActions.setPoi)**\n\n    Put these to actions on the **mapDispatchToProps**  \n    For Example:\n    \n    ```\n    const mapDispatchToProps = (dispatch: *): MappedDispatchPropsType => ({\n        openModal: (abc) => {\n            dispatch(ModalActions.openModal(abc));\n        },\n        setModal: (name) => {\n            dispatch(ModalActions.setModal(name));\n        },\n        setModalStructure: (name) => {\n            dispatch(ModalActions.setModalStructure(name));\n        },\n        setPoi: (item) => {\n            dispatch(ModalActions.setPoi(item));\n        },\n        setPoiStructure: (item) => {\n            dispatch(ModalActions.setPoiStructure(item));\n        }\n    });\n    ```\n\n4. Attach ScreenSaver Component\n    for example:\n    ```javascript\n    <Modal  \n        backImage={backImage}\n        closeImage={closeImage}\n        modalWidth={\"100px\"}\n        modalHeight={\"100px\"}\n        modalPosition={{\n            top: '0',\n            left: '200px'\n        }}\n        modalColor={\"blue\"}\n        overlayOpen={true}\n        overlayWidth={\"400px\"}\n        overlayHeight={\"400px\"}\n        overlayColor={\"green\"}\n        overlayOpacity={\"1.0\"}\n        overlayPosition={{\n            top: '0',\n            left: '200px',\n        }}\n    >\n        <div style={{backgroundColor: \"pink\", fontSize: \"36px\"}}>MODAL THREE</div>\n    </Modal>\n```\n\n### Props\n\n**backButton** - Back Icon, if not provided, will be no back button on Modal\n\n**modalPosition** - modal Position in object contains top, right, bottom, and left\n\n**modalWidth** - modal width in string\n**modalHeight** - modal height in string\n**modalColor** - modal color in string\n\n**overlayOpen** - overlay open or not in boolean\n\n**overlayWidth** - overlay width in string\n**overlayHeight** - overlay height in string\n**overlayColor** - overlay color in string\n\n**overlayOpacity**: overlay opacity in string, in default will be set 0.0 or transparent,\n\n**overlayPosition**: overlay Position in object contains top, right, bottom, and left,\n \n```javascript\ntype OwnPropsType = {|\n    backButton: string,\n    modalPosition: object,\n    modalWidth: string,\n    modalHeight: string,\n    modalColor: string,\n    overlayOpen: boolean,\n    overlayWidth: string,\n    overlayHeight: string,\n    overlayColor: string,\n    overlayOpacity: string,\n    overlayPosition: array,\n|};\n\nstatic defaultProps = {\n        backButton: null,\n        modalPosition: {\n            top: 0,\n            right: null,\n            bottom: null,\n            left: 0,\n        },\n        modalWidth: \"100%\",\n        modalHeight: \"100%\",\n        modalColor: \"white\",\n        overlayOpen: true,\n        overlayWidth: \"100%\",\n        overlayHeight: \"100%\",\n        overlayColor: \"white\",\n        overlayOpacity: \"0.0\",\n        overlayPosition: {\n            top: 0,\n            right: null,\n            bottom: null,\n            left: 0,\n        },\n    }\n```\n\n\n## Copy component inside your project src folder  \n\n### Less only\n    `npx @adactive/arc-modal-asia copy --less-only`\n    \n### Full copy\n    `npx @adactive/arc-modal-asia copy`\n","readmeFilename":"README.md"}