@tikpage/reactjs-popup/.cache/ab/ff5136813e9d6f3b3dd5c0e96c9e17.json

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

{"id":"src/PopupStyle.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":2,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/PopupStyle.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/node_modules/react/index.js"},{"name":"../../src","loc":{"line":4,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/PopupStyle.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 _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 PopupFuncProps = {\n  className: 'test',\n  arrowStyle: {},\n  contentStyle: {},\n  overlayStyle: {},\n  on: 'click'\n};\n\nvar PopupStyle = function PopupStyle(props) {\n  return _react.default.createElement(\"div\", null, _react.default.createElement(\"div\", {\n    style: {\n      height: '800px'\n    }\n  }, \" scroll to bottom :) \"), _react.default.createElement(\"div\", {\n    style: {\n      height: '100px',\n      background: 'red',\n      position: 'relative'\n    }\n  }, _react.default.createElement(_src.default, _extends({}, props, {\n    trigger: _react.default.createElement(\"button\", {\n      type: \"button\"\n    }, \" Button 2\")\n  }), function (close) {\n    return _react.default.createElement(\"div\", null, \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s lore Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s loreLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s loreLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s lore\", _react.default.createElement(\"a\", {\n      className: \"close\",\n      onClick: close,\n      style: {\n        margin: '10px',\n        background: 'red'\n      }\n    }, \"close here \\xD7\"), ' ');\n  })));\n};\n\nvar PopupStyleStory = {\n  name: 'Popup Style',\n  component: PopupStyle,\n  props: PopupFuncProps\n};\nvar _default = PopupStyleStory;\nexports.default = _default;"},"sourceMaps":{"js":{"mappings":[{"generated":{"line":8,"column":0},"source":"src/PopupStyle.js","original":{"line":2,"column":0}},{"generated":{"line":10,"column":0},"source":"src/PopupStyle.js","original":{"line":4,"column":0}},{"generated":{"line":16,"column":0},"source":"src/PopupStyle.js","original":{"line":6,"column":0}},{"name":"PopupFuncProps","generated":{"line":16,"column":4},"source":"src/PopupStyle.js","original":{"line":6,"column":6}},{"generated":{"line":16,"column":18},"source":"src/PopupStyle.js","original":{"line":6,"column":20}},{"generated":{"line":16,"column":21},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"name":"className","generated":{"line":17,"column":0},"source":"src/PopupStyle.js","original":{"line":7,"column":2}},{"name":"className","generated":{"line":17,"column":2},"source":"src/PopupStyle.js","original":{"line":7,"column":2}},{"generated":{"line":17,"column":11},"source":"src/PopupStyle.js","original":{"line":7,"column":11}},{"generated":{"line":17,"column":13},"source":"src/PopupStyle.js","original":{"line":7,"column":13}},{"generated":{"line":17,"column":19},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"name":"arrowStyle","generated":{"line":18,"column":0},"source":"src/PopupStyle.js","original":{"line":8,"column":2}},{"name":"arrowStyle","generated":{"line":18,"column":2},"source":"src/PopupStyle.js","original":{"line":8,"column":2}},{"generated":{"line":18,"column":12},"source":"src/PopupStyle.js","original":{"line":8,"column":12}},{"generated":{"line":18,"column":14},"source":"src/PopupStyle.js","original":{"line":8,"column":14}},{"generated":{"line":18,"column":16},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"name":"contentStyle","generated":{"line":19,"column":0},"source":"src/PopupStyle.js","original":{"line":9,"column":2}},{"name":"contentStyle","generated":{"line":19,"column":2},"source":"src/PopupStyle.js","original":{"line":9,"column":2}},{"generated":{"line":19,"column":14},"source":"src/PopupStyle.js","original":{"line":9,"column":14}},{"generated":{"line":19,"column":16},"source":"src/PopupStyle.js","original":{"line":9,"column":16}},{"generated":{"line":19,"column":18},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"name":"overlayStyle","generated":{"line":20,"column":0},"source":"src/PopupStyle.js","original":{"line":10,"column":2}},{"name":"overlayStyle","generated":{"line":20,"column":2},"source":"src/PopupStyle.js","original":{"line":10,"column":2}},{"generated":{"line":20,"column":14},"source":"src/PopupStyle.js","original":{"line":10,"column":14}},{"generated":{"line":20,"column":16},"source":"src/PopupStyle.js","original":{"line":10,"column":16}},{"generated":{"line":20,"column":18},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"name":"on","generated":{"line":21,"column":0},"source":"src/PopupStyle.js","original":{"line":11,"column":2}},{"name":"on","generated":{"line":21,"column":2},"source":"src/PopupStyle.js","original":{"line":11,"column":2}},{"generated":{"line":21,"column":4},"source":"src/PopupStyle.js","original":{"line":11,"column":4}},{"generated":{"line":21,"column":6},"source":"src/PopupStyle.js","original":{"line":11,"column":6}},{"generated":{"line":22,"column":0},"source":"src/PopupStyle.js","original":{"line":6,"column":23}},{"generated":{"line":22,"column":1},"source":"src/PopupStyle.js","original":{"line":6,"column":0}},{"generated":{"line":24,"column":0},"source":"src/PopupStyle.js","original":{"line":14,"column":0}},{"name":"PopupStyle","generated":{"line":24,"column":4},"source":"src/PopupStyle.js","original":{"line":14,"column":6}},{"generated":{"line":24,"column":14},"source":"src/PopupStyle.js","original":{"line":14,"column":16}},{"generated":{"line":24,"column":17},"source":"src/PopupStyle.js","original":{"line":14,"column":19}},{"name":"PopupStyle","generated":{"line":24,"column":26},"source":"src/PopupStyle.js","original":{"line":14,"column":6}},{"generated":{"line":24,"column":36},"source":"src/PopupStyle.js","original":{"line":14,"column":19}},{"name":"props","generated":{"line":24,"column":37},"source":"src/PopupStyle.js","original":{"line":14,"column":19}},{"generated":{"line":24,"column":42},"source":"src/PopupStyle.js","original":{"line":14,"column":24}},{"generated":{"line":25,"column":0},"source":"src/PopupStyle.js","original":{"line":14,"column":24}},{"generated":{"line":25,"column":9},"source":"src/PopupStyle.js","original":{"line":15,"column":2}},{"generated":{"line":25,"column":51},"source":"src/PopupStyle.js","original":{"line":16,"column":4}},{"generated":{"line":26,"column":0},"source":"src/PopupStyle.js","original":{"line":16,"column":9}},{"generated":{"line":26,"column":4},"source":"src/PopupStyle.js","original":{"line":16,"column":9}},{"generated":{"line":26,"column":9},"source":"src/PopupStyle.js","original":{"line":16,"column":14}},{"generated":{"line":26,"column":11},"source":"src/PopupStyle.js","original":{"line":16,"column":16}},{"name":"height","generated":{"line":27,"column":0},"source":"src/PopupStyle.js","original":{"line":16,"column":17}},{"name":"height","generated":{"line":27,"column":6},"source":"src/PopupStyle.js","original":{"line":16,"column":17}},{"generated":{"line":27,"column":12},"source":"src/PopupStyle.js","original":{"line":16,"column":23}},{"generated":{"line":27,"column":14},"source":"src/PopupStyle.js","original":{"line":16,"column":25}},{"generated":{"line":28,"column":0},"source":"src/PopupStyle.js","original":{"line":16,"column":16}},{"generated":{"line":29,"column":0},"source":"src/PopupStyle.js","original":{"line":16,"column":4}},{"generated":{"line":29,"column":29},"source":"src/PopupStyle.js","original":{"line":15,"column":2}},{"generated":{"line":29,"column":31},"source":"src/PopupStyle.js","original":{"line":17,"column":4}},{"generated":{"line":30,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":9}},{"generated":{"line":30,"column":4},"source":"src/PopupStyle.js","original":{"line":17,"column":9}},{"generated":{"line":30,"column":9},"source":"src/PopupStyle.js","original":{"line":17,"column":14}},{"generated":{"line":30,"column":11},"source":"src/PopupStyle.js","original":{"line":17,"column":16}},{"name":"height","generated":{"line":31,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":17}},{"name":"height","generated":{"line":31,"column":6},"source":"src/PopupStyle.js","original":{"line":17,"column":17}},{"generated":{"line":31,"column":12},"source":"src/PopupStyle.js","original":{"line":17,"column":23}},{"generated":{"line":31,"column":14},"source":"src/PopupStyle.js","original":{"line":17,"column":25}},{"generated":{"line":31,"column":21},"source":"src/PopupStyle.js","original":{"line":17,"column":16}},{"name":"background","generated":{"line":32,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":34}},{"name":"background","generated":{"line":32,"column":6},"source":"src/PopupStyle.js","original":{"line":17,"column":34}},{"generated":{"line":32,"column":16},"source":"src/PopupStyle.js","original":{"line":17,"column":44}},{"generated":{"line":32,"column":18},"source":"src/PopupStyle.js","original":{"line":17,"column":46}},{"generated":{"line":32,"column":23},"source":"src/PopupStyle.js","original":{"line":17,"column":16}},{"name":"position","generated":{"line":33,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":53}},{"name":"position","generated":{"line":33,"column":6},"source":"src/PopupStyle.js","original":{"line":17,"column":53}},{"generated":{"line":33,"column":14},"source":"src/PopupStyle.js","original":{"line":17,"column":61}},{"generated":{"line":33,"column":16},"source":"src/PopupStyle.js","original":{"line":17,"column":63}},{"generated":{"line":34,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":16}},{"generated":{"line":35,"column":0},"source":"src/PopupStyle.js","original":{"line":17,"column":4}},{"generated":{"line":35,"column":5},"source":"src/PopupStyle.js","original":{"line":18,"column":6}},{"generated":{"line":35,"column":34},"source":"src/PopupStyle.js","original":{"line":18,"column":7}},{"generated":{"line":35,"column":46},"source":"src/PopupStyle.js","original":{"line":18,"column":6}},{"name":"props","generated":{"line":35,"column":61},"source":"src/PopupStyle.js","original":{"line":18,"column":17}},{"generated":{"line":35,"column":66},"source":"src/PopupStyle.js","original":{"line":18,"column":6}},{"generated":{"line":36,"column":0},"source":"src/PopupStyle.js","original":{"line":18,"column":24}},{"generated":{"line":36,"column":4},"source":"src/PopupStyle.js","original":{"line":18,"column":24}},{"generated":{"line":36,"column":11},"source":"src/PopupStyle.js","original":{"line":18,"column":31}},{"generated":{"line":36,"column":13},"source":"src/PopupStyle.js","original":{"line":18,"column":33}},{"generated":{"line":37,"column":0},"source":"src/PopupStyle.js","original":{"line":18,"column":41}},{"generated":{"line":37,"column":6},"source":"src/PopupStyle.js","original":{"line":18,"column":41}},{"generated":{"line":37,"column":10},"source":"src/PopupStyle.js","original":{"line":18,"column":45}},{"generated":{"line":37,"column":12},"source":"src/PopupStyle.js","original":{"line":18,"column":46}},{"generated":{"line":38,"column":0},"source":"src/PopupStyle.js","original":{"line":18,"column":33}},{"generated":{"line":39,"column":0},"source":"src/PopupStyle.js","original":{"line":18,"column":6}},{"generated":{"line":39,"column":6},"source":"src/PopupStyle.js","original":{"line":19,"column":9}},{"name":"close","generated":{"line":39,"column":16},"source":"src/PopupStyle.js","original":{"line":19,"column":9}},{"generated":{"line":39,"column":21},"source":"src/PopupStyle.js","original":{"line":19,"column":14}},{"generated":{"line":40,"column":0},"source":"src/PopupStyle.js","original":{"line":19,"column":14}},{"generated":{"line":40,"column":11},"source":"src/PopupStyle.js","original":{"line":20,"column":10}},{"generated":{"line":40,"column":366},"source":"src/PopupStyle.js","original":{"line":26,"column":12}},{"generated":{"line":41,"column":0},"source":"src/PopupStyle.js","original":{"line":27,"column":14}},{"generated":{"line":41,"column":6},"source":"src/PopupStyle.js","original":{"line":27,"column":14}},{"generated":{"line":41,"column":15},"source":"src/PopupStyle.js","original":{"line":27,"column":23}},{"generated":{"line":41,"column":17},"source":"src/PopupStyle.js","original":{"line":27,"column":24}},{"generated":{"line":41,"column":24},"source":"src/PopupStyle.js","original":{"line":26,"column":12}},{"generated":{"line":42,"column":0},"source":"src/PopupStyle.js","original":{"line":28,"column":14}},{"generated":{"line":42,"column":6},"source":"src/PopupStyle.js","original":{"line":28,"column":14}},{"generated":{"line":42,"column":13},"source":"src/PopupStyle.js","original":{"line":28,"column":21}},{"name":"close","generated":{"line":42,"column":15},"source":"src/PopupStyle.js","original":{"line":28,"column":23}},{"generated":{"line":42,"column":20},"source":"src/PopupStyle.js","original":{"line":26,"column":12}},{"generated":{"line":43,"column":0},"source":"src/PopupStyle.js","original":{"line":29,"column":14}},{"generated":{"line":43,"column":6},"source":"src/PopupStyle.js","original":{"line":29,"column":14}},{"generated":{"line":43,"column":11},"source":"src/PopupStyle.js","original":{"line":29,"column":19}},{"generated":{"line":43,"column":13},"source":"src/PopupStyle.js","original":{"line":29,"column":21}},{"name":"margin","generated":{"line":44,"column":0},"source":"src/PopupStyle.js","original":{"line":29,"column":22}},{"name":"margin","generated":{"line":44,"column":8},"source":"src/PopupStyle.js","original":{"line":29,"column":22}},{"generated":{"line":44,"column":14},"source":"src/PopupStyle.js","original":{"line":29,"column":28}},{"generated":{"line":44,"column":16},"source":"src/PopupStyle.js","original":{"line":29,"column":30}},{"generated":{"line":44,"column":22},"source":"src/PopupStyle.js","original":{"line":29,"column":21}},{"name":"background","generated":{"line":45,"column":0},"source":"src/PopupStyle.js","original":{"line":29,"column":38}},{"name":"background","generated":{"line":45,"column":8},"source":"src/PopupStyle.js","original":{"line":29,"column":38}},{"generated":{"line":45,"column":18},"source":"src/PopupStyle.js","original":{"line":29,"column":48}},{"generated":{"line":45,"column":20},"source":"src/PopupStyle.js","original":{"line":29,"column":50}},{"generated":{"line":46,"column":0},"source":"src/PopupStyle.js","original":{"line":29,"column":21}},{"generated":{"line":47,"column":0},"source":"src/PopupStyle.js","original":{"line":26,"column":12}},{"generated":{"line":47,"column":25},"source":"src/PopupStyle.js","original":{"line":20,"column":10}},{"generated":{"line":47,"column":27},"source":"src/PopupStyle.js","original":{"line":31,"column":17}},{"generated":{"line":47,"column":30},"source":"src/PopupStyle.js","original":{"line":20,"column":10}},{"generated":{"line":47,"column":31},"source":"src/PopupStyle.js","original":{"line":19,"column":14}},{"generated":{"line":48,"column":0},"source":"src/PopupStyle.js","original":{"line":19,"column":14}},{"generated":{"line":48,"column":3},"source":"src/PopupStyle.js","original":{"line":18,"column":6}},{"generated":{"line":48,"column":4},"source":"src/PopupStyle.js","original":{"line":17,"column":4}},{"generated":{"line":48,"column":5},"source":"src/PopupStyle.js","original":{"line":15,"column":2}},{"generated":{"line":48,"column":6},"source":"src/PopupStyle.js","original":{"line":14,"column":24}},{"generated":{"line":49,"column":0},"source":"src/PopupStyle.js","original":{"line":14,"column":24}},{"generated":{"line":49,"column":1},"source":"src/PopupStyle.js","original":{"line":14,"column":0}},{"generated":{"line":51,"column":0},"source":"src/PopupStyle.js","original":{"line":39,"column":0}},{"name":"PopupStyleStory","generated":{"line":51,"column":4},"source":"src/PopupStyle.js","original":{"line":39,"column":6}},{"generated":{"line":51,"column":19},"source":"src/PopupStyle.js","original":{"line":39,"column":21}},{"generated":{"line":51,"column":22},"source":"src/PopupStyle.js","original":{"line":39,"column":24}},{"name":"name","generated":{"line":52,"column":0},"source":"src/PopupStyle.js","original":{"line":40,"column":2}},{"name":"name","generated":{"line":52,"column":2},"source":"src/PopupStyle.js","original":{"line":40,"column":2}},{"generated":{"line":52,"column":6},"source":"src/PopupStyle.js","original":{"line":40,"column":6}},{"generated":{"line":52,"column":8},"source":"src/PopupStyle.js","original":{"line":40,"column":8}},{"generated":{"line":52,"column":21},"source":"src/PopupStyle.js","original":{"line":39,"column":24}},{"name":"component","generated":{"line":53,"column":0},"source":"src/PopupStyle.js","original":{"line":41,"column":2}},{"name":"component","generated":{"line":53,"column":2},"source":"src/PopupStyle.js","original":{"line":41,"column":2}},{"generated":{"line":53,"column":11},"source":"src/PopupStyle.js","original":{"line":41,"column":11}},{"name":"PopupStyle","generated":{"line":53,"column":13},"source":"src/PopupStyle.js","original":{"line":41,"column":13}},{"generated":{"line":53,"column":23},"source":"src/PopupStyle.js","original":{"line":39,"column":24}},{"name":"props","generated":{"line":54,"column":0},"source":"src/PopupStyle.js","original":{"line":42,"column":2}},{"name":"props","generated":{"line":54,"column":2},"source":"src/PopupStyle.js","original":{"line":42,"column":2}},{"generated":{"line":54,"column":7},"source":"src/PopupStyle.js","original":{"line":42,"column":7}},{"name":"PopupFuncProps","generated":{"line":54,"column":9},"source":"src/PopupStyle.js","original":{"line":42,"column":9}},{"generated":{"line":55,"column":0},"source":"src/PopupStyle.js","original":{"line":39,"column":24}},{"generated":{"line":55,"column":1},"source":"src/PopupStyle.js","original":{"line":39,"column":0}},{"name":"PopupStyleStory","generated":{"line":56,"column":15},"source":"src/PopupStyle.js","original":{"line":45,"column":15}}],"sources":{"src/PopupStyle.js":"/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\n\nimport Popup from '../../src';\n\nconst PopupFuncProps = {\n  className: 'test',\n  arrowStyle: {},\n  contentStyle: {},\n  overlayStyle: {},\n  on: 'click',\n};\n\nconst PopupStyle = props => (\n  <div>\n    <div style={{height: '800px'}}> scroll to bottom :) </div>\n    <div style={{height: '100px', background: 'red', position: 'relative'}}>\n      <Popup {...props} trigger={<button type=\"button\"> Button 2</button>}>\n        {close => (\n          <div>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo\n            voluptas s lore Lorem ipsum dolor sit amet consectetur adipisicing\n            elit. Nemo voluptas s loreLorem ipsum dolor sit amet consectetur\n            adipisicing elit. Nemo voluptas s loreLorem ipsum dolor sit amet\n            consectetur adipisicing elit. Nemo voluptas s lore\n            <a\n              className=\"close\"\n              onClick={close}\n              style={{margin: '10px', background: 'red'}}>\n              close here &times;\n            </a>{' '}\n          </div>\n        )}\n      </Popup>\n    </div>\n  </div>\n);\n\nconst PopupStyleStory = {\n  name: 'Popup Style',\n  component: PopupStyle,\n  props: PopupFuncProps,\n};\n\nexport default PopupStyleStory;\n"},"lineCount":null}},"error":null,"hash":"2995a624b53fd879d639bcdd2ceb81d8","cacheData":{"env":{}}}