@tikpage/reactjs-popup/.cache/18/6594af962209a4949728b4e05a6e31.json

React Popup Component - Modals,Tooltips and Menus — All in one

{"id":"src/Modal.js","dependencies":[{"name":"/Users/thienanh/tikpage/libs/reactjs-popup/.babelrc","includedInParent":true,"mtime":1593152384301},{"name":"/Users/thienanh/tikpage/libs/reactjs-popup/package.json","includedInParent":true,"mtime":1593152372436},{"name":"react","loc":{"line":1,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/Modal.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/node_modules/react/index.js"},{"name":"story-router","loc":{"line":2,"column":22},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/Modal.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/node_modules/story-router/story-router.es.js"},{"name":"../../src/","loc":{"line":4,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/Modal.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/src/index.js"}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _storyRouter = require(\"story-router\");\n\nvar _src = _interopRequireDefault(require(\"../../src/\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nvar ModalProps = {\n  defaultOpen: false,\n  open: false,\n  closeOnDocumentClick: true,\n  closeOnEscape: true,\n  on: ['click'],\n  contentStyle: {},\n  arrowStyle: {},\n  overlayStyle: {},\n  className: '',\n  position: 'bottom center',\n  lockScroll: false,\n  arrow: true,\n  offsetX: 0,\n  offsetY: 0,\n  mouseEnterDelay: 100,\n  mouseLeaveDelay: 100,\n  modal: true\n};\n\nvar Modal = function Modal(props) {\n  return _react.default.createElement(_src.default, _extends({}, props, {\n    trigger: _react.default.createElement(\"button\", null, \"Button Trigger\")\n  }), _react.default.createElement(\"div\", null, \"sum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex, blanditiis reiciendis dolor numquam pariatur facilis, labore, libero nihil asperiores ae facilis quis commodi dolores, at enim. Deserunt qui, officiis culpa optio numquam ullam pariatur voluptas tempora doloremque!\", _react.default.createElement(_src.default, {\n    on: \"click\",\n    position: \"bottom left\",\n    closeOnDocumentClick: true,\n    trigger: _react.default.createElement(\"button\", null, \"Button nested\")\n  }, _react.default.createElement(\"div\", null, \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex, blanditiis reiciendis dolor numquam pariatur facilis, labore, libero nihil asperiores ae facilis quis commodi dolores, at enim. Deserunt qui, officiis culpa optio numquam ullam pariatur voluptas tempora doloremque!\"))));\n};\n\nvar ModalStory = {\n  name: 'Modal example',\n  component: (0, _storyRouter.Centred)(Modal),\n  props: ModalProps // adding props\n\n};\nvar _default = ModalStory;\nexports.default = _default;"},"sourceMaps":{"js":{"mappings":[{"generated":{"line":8,"column":0},"source":"src/Modal.js","original":{"line":1,"column":0}},{"generated":{"line":10,"column":0},"source":"src/Modal.js","original":{"line":2,"column":0}},{"generated":{"line":12,"column":0},"source":"src/Modal.js","original":{"line":4,"column":0}},{"generated":{"line":18,"column":0},"source":"src/Modal.js","original":{"line":6,"column":0}},{"name":"ModalProps","generated":{"line":18,"column":4},"source":"src/Modal.js","original":{"line":6,"column":6}},{"generated":{"line":18,"column":14},"source":"src/Modal.js","original":{"line":6,"column":16}},{"generated":{"line":18,"column":17},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"defaultOpen","generated":{"line":19,"column":0},"source":"src/Modal.js","original":{"line":7,"column":2}},{"name":"defaultOpen","generated":{"line":19,"column":2},"source":"src/Modal.js","original":{"line":7,"column":2}},{"generated":{"line":19,"column":13},"source":"src/Modal.js","original":{"line":7,"column":13}},{"generated":{"line":19,"column":15},"source":"src/Modal.js","original":{"line":7,"column":15}},{"generated":{"line":19,"column":20},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"open","generated":{"line":20,"column":0},"source":"src/Modal.js","original":{"line":8,"column":2}},{"name":"open","generated":{"line":20,"column":2},"source":"src/Modal.js","original":{"line":8,"column":2}},{"generated":{"line":20,"column":6},"source":"src/Modal.js","original":{"line":8,"column":6}},{"generated":{"line":20,"column":8},"source":"src/Modal.js","original":{"line":8,"column":8}},{"generated":{"line":20,"column":13},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"closeOnDocumentClick","generated":{"line":21,"column":0},"source":"src/Modal.js","original":{"line":9,"column":2}},{"name":"closeOnDocumentClick","generated":{"line":21,"column":2},"source":"src/Modal.js","original":{"line":9,"column":2}},{"generated":{"line":21,"column":22},"source":"src/Modal.js","original":{"line":9,"column":22}},{"generated":{"line":21,"column":24},"source":"src/Modal.js","original":{"line":9,"column":24}},{"generated":{"line":21,"column":28},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"closeOnEscape","generated":{"line":22,"column":0},"source":"src/Modal.js","original":{"line":10,"column":2}},{"name":"closeOnEscape","generated":{"line":22,"column":2},"source":"src/Modal.js","original":{"line":10,"column":2}},{"generated":{"line":22,"column":15},"source":"src/Modal.js","original":{"line":10,"column":15}},{"generated":{"line":22,"column":17},"source":"src/Modal.js","original":{"line":10,"column":17}},{"generated":{"line":22,"column":21},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"on","generated":{"line":23,"column":0},"source":"src/Modal.js","original":{"line":11,"column":2}},{"name":"on","generated":{"line":23,"column":2},"source":"src/Modal.js","original":{"line":11,"column":2}},{"generated":{"line":23,"column":4},"source":"src/Modal.js","original":{"line":11,"column":4}},{"generated":{"line":23,"column":6},"source":"src/Modal.js","original":{"line":11,"column":6}},{"generated":{"line":23,"column":7},"source":"src/Modal.js","original":{"line":11,"column":7}},{"generated":{"line":23,"column":14},"source":"src/Modal.js","original":{"line":11,"column":6}},{"generated":{"line":23,"column":15},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"contentStyle","generated":{"line":24,"column":0},"source":"src/Modal.js","original":{"line":12,"column":2}},{"name":"contentStyle","generated":{"line":24,"column":2},"source":"src/Modal.js","original":{"line":12,"column":2}},{"generated":{"line":24,"column":14},"source":"src/Modal.js","original":{"line":12,"column":14}},{"generated":{"line":24,"column":16},"source":"src/Modal.js","original":{"line":12,"column":16}},{"generated":{"line":24,"column":18},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"arrowStyle","generated":{"line":25,"column":0},"source":"src/Modal.js","original":{"line":13,"column":2}},{"name":"arrowStyle","generated":{"line":25,"column":2},"source":"src/Modal.js","original":{"line":13,"column":2}},{"generated":{"line":25,"column":12},"source":"src/Modal.js","original":{"line":13,"column":12}},{"generated":{"line":25,"column":14},"source":"src/Modal.js","original":{"line":13,"column":14}},{"generated":{"line":25,"column":16},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"overlayStyle","generated":{"line":26,"column":0},"source":"src/Modal.js","original":{"line":14,"column":2}},{"name":"overlayStyle","generated":{"line":26,"column":2},"source":"src/Modal.js","original":{"line":14,"column":2}},{"generated":{"line":26,"column":14},"source":"src/Modal.js","original":{"line":14,"column":14}},{"generated":{"line":26,"column":16},"source":"src/Modal.js","original":{"line":14,"column":16}},{"generated":{"line":26,"column":18},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"className","generated":{"line":27,"column":0},"source":"src/Modal.js","original":{"line":15,"column":2}},{"name":"className","generated":{"line":27,"column":2},"source":"src/Modal.js","original":{"line":15,"column":2}},{"generated":{"line":27,"column":11},"source":"src/Modal.js","original":{"line":15,"column":11}},{"generated":{"line":27,"column":13},"source":"src/Modal.js","original":{"line":15,"column":13}},{"generated":{"line":27,"column":15},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"position","generated":{"line":28,"column":0},"source":"src/Modal.js","original":{"line":16,"column":2}},{"name":"position","generated":{"line":28,"column":2},"source":"src/Modal.js","original":{"line":16,"column":2}},{"generated":{"line":28,"column":10},"source":"src/Modal.js","original":{"line":16,"column":10}},{"generated":{"line":28,"column":12},"source":"src/Modal.js","original":{"line":16,"column":12}},{"generated":{"line":28,"column":27},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"lockScroll","generated":{"line":29,"column":0},"source":"src/Modal.js","original":{"line":17,"column":2}},{"name":"lockScroll","generated":{"line":29,"column":2},"source":"src/Modal.js","original":{"line":17,"column":2}},{"generated":{"line":29,"column":12},"source":"src/Modal.js","original":{"line":17,"column":12}},{"generated":{"line":29,"column":14},"source":"src/Modal.js","original":{"line":17,"column":14}},{"generated":{"line":29,"column":19},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"arrow","generated":{"line":30,"column":0},"source":"src/Modal.js","original":{"line":18,"column":2}},{"name":"arrow","generated":{"line":30,"column":2},"source":"src/Modal.js","original":{"line":18,"column":2}},{"generated":{"line":30,"column":7},"source":"src/Modal.js","original":{"line":18,"column":7}},{"generated":{"line":30,"column":9},"source":"src/Modal.js","original":{"line":18,"column":9}},{"generated":{"line":30,"column":13},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"offsetX","generated":{"line":31,"column":0},"source":"src/Modal.js","original":{"line":19,"column":2}},{"name":"offsetX","generated":{"line":31,"column":2},"source":"src/Modal.js","original":{"line":19,"column":2}},{"generated":{"line":31,"column":9},"source":"src/Modal.js","original":{"line":19,"column":9}},{"generated":{"line":31,"column":11},"source":"src/Modal.js","original":{"line":19,"column":11}},{"generated":{"line":31,"column":12},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"offsetY","generated":{"line":32,"column":0},"source":"src/Modal.js","original":{"line":20,"column":2}},{"name":"offsetY","generated":{"line":32,"column":2},"source":"src/Modal.js","original":{"line":20,"column":2}},{"generated":{"line":32,"column":9},"source":"src/Modal.js","original":{"line":20,"column":9}},{"generated":{"line":32,"column":11},"source":"src/Modal.js","original":{"line":20,"column":11}},{"generated":{"line":32,"column":12},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"mouseEnterDelay","generated":{"line":33,"column":0},"source":"src/Modal.js","original":{"line":21,"column":2}},{"name":"mouseEnterDelay","generated":{"line":33,"column":2},"source":"src/Modal.js","original":{"line":21,"column":2}},{"generated":{"line":33,"column":17},"source":"src/Modal.js","original":{"line":21,"column":17}},{"generated":{"line":33,"column":19},"source":"src/Modal.js","original":{"line":21,"column":19}},{"generated":{"line":33,"column":22},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"mouseLeaveDelay","generated":{"line":34,"column":0},"source":"src/Modal.js","original":{"line":22,"column":2}},{"name":"mouseLeaveDelay","generated":{"line":34,"column":2},"source":"src/Modal.js","original":{"line":22,"column":2}},{"generated":{"line":34,"column":17},"source":"src/Modal.js","original":{"line":22,"column":17}},{"generated":{"line":34,"column":19},"source":"src/Modal.js","original":{"line":22,"column":19}},{"generated":{"line":34,"column":22},"source":"src/Modal.js","original":{"line":6,"column":19}},{"name":"modal","generated":{"line":35,"column":0},"source":"src/Modal.js","original":{"line":23,"column":2}},{"name":"modal","generated":{"line":35,"column":2},"source":"src/Modal.js","original":{"line":23,"column":2}},{"generated":{"line":35,"column":7},"source":"src/Modal.js","original":{"line":23,"column":7}},{"generated":{"line":35,"column":9},"source":"src/Modal.js","original":{"line":23,"column":9}},{"generated":{"line":36,"column":0},"source":"src/Modal.js","original":{"line":6,"column":19}},{"generated":{"line":36,"column":1},"source":"src/Modal.js","original":{"line":6,"column":0}},{"generated":{"line":38,"column":0},"source":"src/Modal.js","original":{"line":26,"column":0}},{"name":"Modal","generated":{"line":38,"column":4},"source":"src/Modal.js","original":{"line":26,"column":6}},{"generated":{"line":38,"column":9},"source":"src/Modal.js","original":{"line":26,"column":11}},{"generated":{"line":38,"column":12},"source":"src/Modal.js","original":{"line":26,"column":14}},{"name":"Modal","generated":{"line":38,"column":21},"source":"src/Modal.js","original":{"line":26,"column":6}},{"generated":{"line":38,"column":26},"source":"src/Modal.js","original":{"line":26,"column":14}},{"name":"props","generated":{"line":38,"column":27},"source":"src/Modal.js","original":{"line":26,"column":14}},{"generated":{"line":38,"column":32},"source":"src/Modal.js","original":{"line":26,"column":19}},{"generated":{"line":38,"column":34},"source":"src/Modal.js","original":{"line":26,"column":23}},{"generated":{"line":39,"column":0},"source":"src/Modal.js","original":{"line":27,"column":2}},{"generated":{"line":39,"column":9},"source":"src/Modal.js","original":{"line":28,"column":4}},{"generated":{"line":39,"column":38},"source":"src/Modal.js","original":{"line":28,"column":5}},{"generated":{"line":39,"column":50},"source":"src/Modal.js","original":{"line":28,"column":4}},{"name":"props","generated":{"line":39,"column":65},"source":"src/Modal.js","original":{"line":28,"column":15}},{"generated":{"line":39,"column":70},"source":"src/Modal.js","original":{"line":28,"column":4}},{"generated":{"line":40,"column":0},"source":"src/Modal.js","original":{"line":28,"column":22}},{"generated":{"line":40,"column":4},"source":"src/Modal.js","original":{"line":28,"column":22}},{"generated":{"line":40,"column":11},"source":"src/Modal.js","original":{"line":28,"column":29}},{"generated":{"line":40,"column":13},"source":"src/Modal.js","original":{"line":28,"column":31}},{"generated":{"line":41,"column":0},"source":"src/Modal.js","original":{"line":28,"column":4}},{"generated":{"line":41,"column":6},"source":"src/Modal.js","original":{"line":29,"column":6}},{"generated":{"line":41,"column":333},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":41,"column":362},"source":"src/Modal.js","original":{"line":34,"column":9}},{"generated":{"line":41,"column":374},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":42,"column":0},"source":"src/Modal.js","original":{"line":35,"column":10}},{"generated":{"line":42,"column":4},"source":"src/Modal.js","original":{"line":35,"column":10}},{"generated":{"line":42,"column":6},"source":"src/Modal.js","original":{"line":35,"column":12}},{"generated":{"line":42,"column":8},"source":"src/Modal.js","original":{"line":35,"column":13}},{"generated":{"line":42,"column":15},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":43,"column":0},"source":"src/Modal.js","original":{"line":36,"column":10}},{"generated":{"line":43,"column":4},"source":"src/Modal.js","original":{"line":36,"column":10}},{"generated":{"line":43,"column":12},"source":"src/Modal.js","original":{"line":36,"column":18}},{"generated":{"line":43,"column":14},"source":"src/Modal.js","original":{"line":36,"column":19}},{"generated":{"line":43,"column":27},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":44,"column":0},"source":"src/Modal.js","original":{"line":37,"column":10}},{"generated":{"line":44,"column":4},"source":"src/Modal.js","original":{"line":37,"column":10}},{"generated":{"line":44,"column":24},"source":"src/Modal.js","original":{"line":37,"column":30}},{"generated":{"line":44,"column":30},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":45,"column":0},"source":"src/Modal.js","original":{"line":38,"column":10}},{"generated":{"line":45,"column":4},"source":"src/Modal.js","original":{"line":38,"column":10}},{"generated":{"line":45,"column":11},"source":"src/Modal.js","original":{"line":38,"column":17}},{"generated":{"line":45,"column":13},"source":"src/Modal.js","original":{"line":38,"column":19}},{"generated":{"line":46,"column":0},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":46,"column":5},"source":"src/Modal.js","original":{"line":39,"column":10}},{"generated":{"line":46,"column":339},"source":"src/Modal.js","original":{"line":34,"column":8}},{"generated":{"line":46,"column":340},"source":"src/Modal.js","original":{"line":29,"column":6}},{"generated":{"line":46,"column":341},"source":"src/Modal.js","original":{"line":28,"column":4}},{"generated":{"line":46,"column":342},"source":"src/Modal.js","original":{"line":27,"column":2}},{"generated":{"line":47,"column":0},"source":"src/Modal.js","original":{"line":50,"column":1}},{"generated":{"line":47,"column":1},"source":"src/Modal.js","original":{"line":26,"column":0}},{"generated":{"line":49,"column":0},"source":"src/Modal.js","original":{"line":52,"column":0}},{"name":"ModalStory","generated":{"line":49,"column":4},"source":"src/Modal.js","original":{"line":52,"column":6}},{"generated":{"line":49,"column":14},"source":"src/Modal.js","original":{"line":52,"column":16}},{"generated":{"line":49,"column":17},"source":"src/Modal.js","original":{"line":52,"column":19}},{"name":"name","generated":{"line":50,"column":0},"source":"src/Modal.js","original":{"line":53,"column":2}},{"name":"name","generated":{"line":50,"column":2},"source":"src/Modal.js","original":{"line":53,"column":2}},{"generated":{"line":50,"column":6},"source":"src/Modal.js","original":{"line":53,"column":6}},{"generated":{"line":50,"column":8},"source":"src/Modal.js","original":{"line":53,"column":8}},{"generated":{"line":50,"column":23},"source":"src/Modal.js","original":{"line":52,"column":19}},{"name":"component","generated":{"line":51,"column":0},"source":"src/Modal.js","original":{"line":54,"column":2}},{"name":"component","generated":{"line":51,"column":2},"source":"src/Modal.js","original":{"line":54,"column":2}},{"generated":{"line":51,"column":11},"source":"src/Modal.js","original":{"line":54,"column":11}},{"generated":{"line":51,"column":13},"source":"src/Modal.js","original":{"line":54,"column":13}},{"name":"Modal","generated":{"line":51,"column":39},"source":"src/Modal.js","original":{"line":54,"column":21}},{"generated":{"line":51,"column":44},"source":"src/Modal.js","original":{"line":54,"column":13}},{"generated":{"line":51,"column":45},"source":"src/Modal.js","original":{"line":52,"column":19}},{"name":"props","generated":{"line":52,"column":0},"source":"src/Modal.js","original":{"line":55,"column":2}},{"name":"props","generated":{"line":52,"column":2},"source":"src/Modal.js","original":{"line":55,"column":2}},{"generated":{"line":52,"column":7},"source":"src/Modal.js","original":{"line":55,"column":7}},{"name":"ModalProps","generated":{"line":52,"column":9},"source":"src/Modal.js","original":{"line":55,"column":9}},{"generated":{"line":52,"column":19},"source":"src/Modal.js","original":{"line":52,"column":19}},{"generated":{"line":52,"column":20},"source":"src/Modal.js","original":{"line":55,"column":21}},{"generated":{"line":54,"column":0},"source":"src/Modal.js","original":{"line":52,"column":19}},{"generated":{"line":54,"column":1},"source":"src/Modal.js","original":{"line":52,"column":0}},{"name":"ModalStory","generated":{"line":55,"column":15},"source":"src/Modal.js","original":{"line":57,"column":15}}],"sources":{"src/Modal.js":"import React from 'react';\nimport {Centred} from 'story-router';\n\nimport Popup from '../../src/';\n\nconst ModalProps = {\n  defaultOpen: false,\n  open: false,\n  closeOnDocumentClick: true,\n  closeOnEscape: true,\n  on: ['click'],\n  contentStyle: {},\n  arrowStyle: {},\n  overlayStyle: {},\n  className: '',\n  position: 'bottom center',\n  lockScroll: false,\n  arrow: true,\n  offsetX: 0,\n  offsetY: 0,\n  mouseEnterDelay: 100,\n  mouseLeaveDelay: 100,\n  modal: true,\n};\n\nconst Modal = props => {\n  return (\n    <Popup {...props} trigger={<button>Button Trigger</button>}>\n      <div>\n        sum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex,\n        blanditiis reiciendis dolor numquam pariatur facilis, labore, libero\n        nihil asperiores ae facilis quis commodi dolores, at enim. Deserunt qui,\n        officiis culpa optio numquam ullam pariatur voluptas tempora doloremque!\n        <Popup\n          on=\"click\"\n          position=\"bottom left\"\n          closeOnDocumentClick\n          trigger={<button>Button nested</button>}>\n          <div>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo\n            voluptas ex, blanditiis reiciendis dolor numquam pariatur facilis,\n            labore, libero nihil asperiores ae facilis quis commodi dolores, at\n            enim. Deserunt qui, officiis culpa optio numquam ullam pariatur\n            voluptas tempora doloremque!\n          </div>\n        </Popup>\n      </div>\n    </Popup>\n  );\n};\n\nconst ModalStory = {\n  name: 'Modal example',\n  component: Centred(Modal),\n  props: ModalProps, // adding props\n};\nexport default ModalStory;\n"},"lineCount":null}},"error":null,"hash":"b4c8866d4ae83c47dd533bfc8ddb8c68","cacheData":{"env":{}}}