{"id":"src/PopupElement.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/PopupElement.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/PopupElement.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/node_modules/story-router/story-router.es.js"},{"name":"../../src/","loc":{"line":3,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/PopupElement.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 Button = _react.default.forwardRef(function (props, ref) {\n  return _react.default.createElement(\"button\", _extends({}, props, {\n    ref: ref\n  }), \"Button nested with offsetX\", props.open ? 'open' : 'close', ' ');\n});\n\nvar PopupElement = function PopupElement(props) {\n  return _react.default.createElement(\"div\", null, _react.default.createElement(\"div\", {\n    style: {\n      zIndex: '90'\n    }\n  }, \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s\", _react.default.createElement(_src.default, _extends({\n    trigger: function trigger(open) {\n      return _react.default.createElement(Button, {\n        open: open\n      });\n    }\n  }, props), function (close) {\n    return _react.default.createElement(Content, {\n      close: close\n    });\n  })), _react.default.createElement(\"div\", {\n    style: {\n      zIndex: '90'\n    }\n  }, ' ', \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex, blanditiis reiciendis dolor numquam pariatur facilis, labore, libero nihil asperiores ae facilis\", ' '));\n};\n\nvar Content = function Content(_ref) {\n  var close = _ref.close;\n  return _react.default.createElement(\"div\", null, \"sum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex, blanditiis reiciendir voluptas tempora doloremque!\", ' ', _react.default.createElement(\"button\", {\n    onClick: close\n  }, \"close\"), _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 PopupElementStory = {\n  name: 'Popup trigger function',\n  component: (0, _storyRouter.Centred)(PopupElement),\n  props: {\n    offsetX: 0,\n    offsetY: 0,\n    position: 'top left'\n  }\n};\nvar _default = PopupElementStory;\nexports.default = _default;"},"sourceMaps":{"js":{"mappings":[{"generated":{"line":8,"column":0},"source":"src/PopupElement.js","original":{"line":1,"column":0}},{"generated":{"line":10,"column":0},"source":"src/PopupElement.js","original":{"line":2,"column":0}},{"generated":{"line":12,"column":0},"source":"src/PopupElement.js","original":{"line":3,"column":0}},{"generated":{"line":18,"column":0},"source":"src/PopupElement.js","original":{"line":5,"column":0}},{"name":"Button","generated":{"line":18,"column":4},"source":"src/PopupElement.js","original":{"line":5,"column":6}},{"generated":{"line":18,"column":10},"source":"src/PopupElement.js","original":{"line":5,"column":12}},{"name":"React","generated":{"line":18,"column":13},"source":"src/PopupElement.js","original":{"line":5,"column":15}},{"name":"forwardRef","generated":{"line":18,"column":28},"source":"src/PopupElement.js","original":{"line":5,"column":21}},{"generated":{"line":18,"column":38},"source":"src/PopupElement.js","original":{"line":5,"column":15}},{"generated":{"line":18,"column":39},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"name":"props","generated":{"line":18,"column":49},"source":"src/PopupElement.js","original":{"line":5,"column":33}},{"generated":{"line":18,"column":54},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"name":"ref","generated":{"line":18,"column":56},"source":"src/PopupElement.js","original":{"line":5,"column":40}},{"generated":{"line":18,"column":59},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"generated":{"line":19,"column":0},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"generated":{"line":19,"column":9},"source":"src/PopupElement.js","original":{"line":6,"column":2}},{"name":"props","generated":{"line":19,"column":61},"source":"src/PopupElement.js","original":{"line":6,"column":14}},{"generated":{"line":19,"column":66},"source":"src/PopupElement.js","original":{"line":6,"column":2}},{"generated":{"line":20,"column":0},"source":"src/PopupElement.js","original":{"line":6,"column":21}},{"generated":{"line":20,"column":4},"source":"src/PopupElement.js","original":{"line":6,"column":21}},{"generated":{"line":20,"column":7},"source":"src/PopupElement.js","original":{"line":6,"column":24}},{"name":"ref","generated":{"line":20,"column":9},"source":"src/PopupElement.js","original":{"line":6,"column":26}},{"generated":{"line":21,"column":0},"source":"src/PopupElement.js","original":{"line":6,"column":2}},{"name":"props","generated":{"line":21,"column":36},"source":"src/PopupElement.js","original":{"line":8,"column":5}},{"generated":{"line":21,"column":41},"source":"src/PopupElement.js","original":{"line":8,"column":10}},{"name":"open","generated":{"line":21,"column":42},"source":"src/PopupElement.js","original":{"line":8,"column":11}},{"generated":{"line":21,"column":46},"source":"src/PopupElement.js","original":{"line":8,"column":5}},{"generated":{"line":21,"column":49},"source":"src/PopupElement.js","original":{"line":8,"column":18}},{"generated":{"line":21,"column":55},"source":"src/PopupElement.js","original":{"line":8,"column":5}},{"generated":{"line":21,"column":58},"source":"src/PopupElement.js","original":{"line":8,"column":27}},{"generated":{"line":21,"column":65},"source":"src/PopupElement.js","original":{"line":6,"column":2}},{"generated":{"line":21,"column":67},"source":"src/PopupElement.js","original":{"line":8,"column":36}},{"generated":{"line":21,"column":70},"source":"src/PopupElement.js","original":{"line":6,"column":2}},{"generated":{"line":21,"column":71},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"generated":{"line":22,"column":0},"source":"src/PopupElement.js","original":{"line":5,"column":32}},{"generated":{"line":22,"column":1},"source":"src/PopupElement.js","original":{"line":5,"column":15}},{"generated":{"line":22,"column":2},"source":"src/PopupElement.js","original":{"line":5,"column":0}},{"generated":{"line":24,"column":0},"source":"src/PopupElement.js","original":{"line":12,"column":0}},{"name":"PopupElement","generated":{"line":24,"column":4},"source":"src/PopupElement.js","original":{"line":12,"column":6}},{"generated":{"line":24,"column":16},"source":"src/PopupElement.js","original":{"line":12,"column":18}},{"generated":{"line":24,"column":19},"source":"src/PopupElement.js","original":{"line":12,"column":21}},{"name":"PopupElement","generated":{"line":24,"column":28},"source":"src/PopupElement.js","original":{"line":12,"column":6}},{"generated":{"line":24,"column":40},"source":"src/PopupElement.js","original":{"line":12,"column":21}},{"name":"props","generated":{"line":24,"column":41},"source":"src/PopupElement.js","original":{"line":12,"column":21}},{"generated":{"line":24,"column":46},"source":"src/PopupElement.js","original":{"line":12,"column":26}},{"generated":{"line":25,"column":0},"source":"src/PopupElement.js","original":{"line":12,"column":26}},{"generated":{"line":25,"column":9},"source":"src/PopupElement.js","original":{"line":13,"column":2}},{"generated":{"line":25,"column":51},"source":"src/PopupElement.js","original":{"line":14,"column":4}},{"generated":{"line":26,"column":0},"source":"src/PopupElement.js","original":{"line":14,"column":9}},{"generated":{"line":26,"column":4},"source":"src/PopupElement.js","original":{"line":14,"column":9}},{"generated":{"line":26,"column":9},"source":"src/PopupElement.js","original":{"line":14,"column":14}},{"generated":{"line":26,"column":11},"source":"src/PopupElement.js","original":{"line":14,"column":16}},{"name":"zIndex","generated":{"line":27,"column":0},"source":"src/PopupElement.js","original":{"line":14,"column":17}},{"name":"zIndex","generated":{"line":27,"column":6},"source":"src/PopupElement.js","original":{"line":14,"column":17}},{"generated":{"line":27,"column":12},"source":"src/PopupElement.js","original":{"line":14,"column":23}},{"generated":{"line":27,"column":14},"source":"src/PopupElement.js","original":{"line":14,"column":25}},{"generated":{"line":28,"column":0},"source":"src/PopupElement.js","original":{"line":14,"column":16}},{"generated":{"line":29,"column":0},"source":"src/PopupElement.js","original":{"line":14,"column":4}},{"generated":{"line":29,"column":81},"source":"src/PopupElement.js","original":{"line":16,"column":6}},{"generated":{"line":29,"column":110},"source":"src/PopupElement.js","original":{"line":16,"column":7}},{"generated":{"line":29,"column":122},"source":"src/PopupElement.js","original":{"line":16,"column":6}},{"generated":{"line":30,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":13}},{"generated":{"line":30,"column":4},"source":"src/PopupElement.js","original":{"line":16,"column":13}},{"generated":{"line":30,"column":11},"source":"src/PopupElement.js","original":{"line":16,"column":20}},{"generated":{"line":30,"column":13},"source":"src/PopupElement.js","original":{"line":16,"column":22}},{"name":"open","generated":{"line":30,"column":30},"source":"src/PopupElement.js","original":{"line":16,"column":22}},{"generated":{"line":30,"column":34},"source":"src/PopupElement.js","original":{"line":16,"column":26}},{"generated":{"line":31,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":26}},{"generated":{"line":31,"column":13},"source":"src/PopupElement.js","original":{"line":16,"column":30}},{"generated":{"line":31,"column":42},"source":"src/PopupElement.js","original":{"line":16,"column":31}},{"generated":{"line":31,"column":48},"source":"src/PopupElement.js","original":{"line":16,"column":30}},{"generated":{"line":32,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":38}},{"generated":{"line":32,"column":8},"source":"src/PopupElement.js","original":{"line":16,"column":38}},{"generated":{"line":32,"column":12},"source":"src/PopupElement.js","original":{"line":16,"column":42}},{"name":"open","generated":{"line":32,"column":14},"source":"src/PopupElement.js","original":{"line":16,"column":44}},{"generated":{"line":33,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":30}},{"generated":{"line":33,"column":8},"source":"src/PopupElement.js","original":{"line":16,"column":26}},{"generated":{"line":34,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":26}},{"generated":{"line":35,"column":0},"source":"src/PopupElement.js","original":{"line":16,"column":6}},{"name":"props","generated":{"line":35,"column":5},"source":"src/PopupElement.js","original":{"line":16,"column":58}},{"generated":{"line":35,"column":10},"source":"src/PopupElement.js","original":{"line":16,"column":6}},{"generated":{"line":35,"column":13},"source":"src/PopupElement.js","original":{"line":17,"column":9}},{"name":"close","generated":{"line":35,"column":23},"source":"src/PopupElement.js","original":{"line":17,"column":9}},{"generated":{"line":35,"column":28},"source":"src/PopupElement.js","original":{"line":17,"column":14}},{"generated":{"line":36,"column":0},"source":"src/PopupElement.js","original":{"line":17,"column":14}},{"generated":{"line":36,"column":11},"source":"src/PopupElement.js","original":{"line":17,"column":18}},{"generated":{"line":36,"column":40},"source":"src/PopupElement.js","original":{"line":17,"column":19}},{"generated":{"line":36,"column":47},"source":"src/PopupElement.js","original":{"line":17,"column":18}},{"generated":{"line":37,"column":0},"source":"src/PopupElement.js","original":{"line":17,"column":27}},{"generated":{"line":37,"column":6},"source":"src/PopupElement.js","original":{"line":17,"column":27}},{"generated":{"line":37,"column":11},"source":"src/PopupElement.js","original":{"line":17,"column":32}},{"name":"close","generated":{"line":37,"column":13},"source":"src/PopupElement.js","original":{"line":17,"column":34}},{"generated":{"line":38,"column":0},"source":"src/PopupElement.js","original":{"line":17,"column":18}},{"generated":{"line":38,"column":6},"source":"src/PopupElement.js","original":{"line":17,"column":14}},{"generated":{"line":39,"column":0},"source":"src/PopupElement.js","original":{"line":17,"column":14}},{"generated":{"line":39,"column":3},"source":"src/PopupElement.js","original":{"line":16,"column":6}},{"generated":{"line":39,"column":4},"source":"src/PopupElement.js","original":{"line":14,"column":4}},{"generated":{"line":39,"column":5},"source":"src/PopupElement.js","original":{"line":13,"column":2}},{"generated":{"line":39,"column":7},"source":"src/PopupElement.js","original":{"line":21,"column":4}},{"generated":{"line":40,"column":0},"source":"src/PopupElement.js","original":{"line":21,"column":9}},{"generated":{"line":40,"column":4},"source":"src/PopupElement.js","original":{"line":21,"column":9}},{"generated":{"line":40,"column":9},"source":"src/PopupElement.js","original":{"line":21,"column":14}},{"generated":{"line":40,"column":11},"source":"src/PopupElement.js","original":{"line":21,"column":16}},{"name":"zIndex","generated":{"line":41,"column":0},"source":"src/PopupElement.js","original":{"line":21,"column":17}},{"name":"zIndex","generated":{"line":41,"column":6},"source":"src/PopupElement.js","original":{"line":21,"column":17}},{"generated":{"line":41,"column":12},"source":"src/PopupElement.js","original":{"line":21,"column":23}},{"generated":{"line":41,"column":14},"source":"src/PopupElement.js","original":{"line":21,"column":25}},{"generated":{"line":42,"column":0},"source":"src/PopupElement.js","original":{"line":21,"column":16}},{"generated":{"line":43,"column":0},"source":"src/PopupElement.js","original":{"line":21,"column":4}},{"generated":{"line":43,"column":5},"source":"src/PopupElement.js","original":{"line":22,"column":7}},{"generated":{"line":43,"column":8},"source":"src/PopupElement.js","original":{"line":21,"column":4}},{"generated":{"line":43,"column":185},"source":"src/PopupElement.js","original":{"line":25,"column":28}},{"generated":{"line":43,"column":188},"source":"src/PopupElement.js","original":{"line":21,"column":4}},{"generated":{"line":43,"column":189},"source":"src/PopupElement.js","original":{"line":13,"column":2}},{"generated":{"line":43,"column":190},"source":"src/PopupElement.js","original":{"line":12,"column":26}},{"generated":{"line":44,"column":0},"source":"src/PopupElement.js","original":{"line":12,"column":26}},{"generated":{"line":44,"column":1},"source":"src/PopupElement.js","original":{"line":12,"column":0}},{"generated":{"line":46,"column":0},"source":"src/PopupElement.js","original":{"line":30,"column":0}},{"name":"Content","generated":{"line":46,"column":4},"source":"src/PopupElement.js","original":{"line":30,"column":6}},{"generated":{"line":46,"column":11},"source":"src/PopupElement.js","original":{"line":30,"column":13}},{"generated":{"line":46,"column":14},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"name":"Content","generated":{"line":46,"column":23},"source":"src/PopupElement.js","original":{"line":30,"column":6}},{"generated":{"line":46,"column":30},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"generated":{"line":47,"column":0},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"name":"close","generated":{"line":47,"column":6},"source":"src/PopupElement.js","original":{"line":30,"column":18}},{"generated":{"line":47,"column":11},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"name":"close","generated":{"line":47,"column":19},"source":"src/PopupElement.js","original":{"line":30,"column":18}},{"generated":{"line":47,"column":24},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"generated":{"line":48,"column":0},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"generated":{"line":48,"column":9},"source":"src/PopupElement.js","original":{"line":31,"column":2}},{"generated":{"line":48,"column":172},"source":"src/PopupElement.js","original":{"line":33,"column":55}},{"generated":{"line":48,"column":175},"source":"src/PopupElement.js","original":{"line":31,"column":2}},{"generated":{"line":48,"column":177},"source":"src/PopupElement.js","original":{"line":34,"column":4}},{"generated":{"line":49,"column":0},"source":"src/PopupElement.js","original":{"line":34,"column":12}},{"generated":{"line":49,"column":4},"source":"src/PopupElement.js","original":{"line":34,"column":12}},{"generated":{"line":49,"column":11},"source":"src/PopupElement.js","original":{"line":34,"column":19}},{"name":"close","generated":{"line":49,"column":13},"source":"src/PopupElement.js","original":{"line":34,"column":21}},{"generated":{"line":50,"column":0},"source":"src/PopupElement.js","original":{"line":34,"column":4}},{"generated":{"line":50,"column":13},"source":"src/PopupElement.js","original":{"line":31,"column":2}},{"generated":{"line":50,"column":15},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":50,"column":44},"source":"src/PopupElement.js","original":{"line":35,"column":5}},{"generated":{"line":50,"column":56},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":51,"column":0},"source":"src/PopupElement.js","original":{"line":36,"column":6}},{"generated":{"line":51,"column":4},"source":"src/PopupElement.js","original":{"line":36,"column":6}},{"generated":{"line":51,"column":6},"source":"src/PopupElement.js","original":{"line":36,"column":8}},{"generated":{"line":51,"column":8},"source":"src/PopupElement.js","original":{"line":36,"column":10}},{"generated":{"line":51,"column":9},"source":"src/PopupElement.js","original":{"line":36,"column":11}},{"generated":{"line":51,"column":16},"source":"src/PopupElement.js","original":{"line":36,"column":10}},{"generated":{"line":51,"column":17},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":52,"column":0},"source":"src/PopupElement.js","original":{"line":37,"column":6}},{"generated":{"line":52,"column":4},"source":"src/PopupElement.js","original":{"line":37,"column":6}},{"generated":{"line":52,"column":12},"source":"src/PopupElement.js","original":{"line":37,"column":14}},{"generated":{"line":52,"column":14},"source":"src/PopupElement.js","original":{"line":37,"column":15}},{"generated":{"line":52,"column":27},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":53,"column":0},"source":"src/PopupElement.js","original":{"line":38,"column":6}},{"generated":{"line":53,"column":4},"source":"src/PopupElement.js","original":{"line":38,"column":6}},{"generated":{"line":53,"column":24},"source":"src/PopupElement.js","original":{"line":38,"column":26}},{"generated":{"line":53,"column":30},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":54,"column":0},"source":"src/PopupElement.js","original":{"line":39,"column":6}},{"generated":{"line":54,"column":4},"source":"src/PopupElement.js","original":{"line":39,"column":6}},{"generated":{"line":54,"column":11},"source":"src/PopupElement.js","original":{"line":39,"column":13}},{"generated":{"line":54,"column":13},"source":"src/PopupElement.js","original":{"line":39,"column":15}},{"generated":{"line":55,"column":0},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":55,"column":5},"source":"src/PopupElement.js","original":{"line":40,"column":6}},{"generated":{"line":55,"column":339},"source":"src/PopupElement.js","original":{"line":35,"column":4}},{"generated":{"line":55,"column":340},"source":"src/PopupElement.js","original":{"line":31,"column":2}},{"generated":{"line":55,"column":341},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"generated":{"line":56,"column":0},"source":"src/PopupElement.js","original":{"line":30,"column":16}},{"generated":{"line":56,"column":1},"source":"src/PopupElement.js","original":{"line":30,"column":0}},{"generated":{"line":58,"column":0},"source":"src/PopupElement.js","original":{"line":50,"column":0}},{"name":"PopupElementStory","generated":{"line":58,"column":4},"source":"src/PopupElement.js","original":{"line":50,"column":6}},{"generated":{"line":58,"column":21},"source":"src/PopupElement.js","original":{"line":50,"column":23}},{"generated":{"line":58,"column":24},"source":"src/PopupElement.js","original":{"line":50,"column":26}},{"name":"name","generated":{"line":59,"column":0},"source":"src/PopupElement.js","original":{"line":51,"column":2}},{"name":"name","generated":{"line":59,"column":2},"source":"src/PopupElement.js","original":{"line":51,"column":2}},{"generated":{"line":59,"column":6},"source":"src/PopupElement.js","original":{"line":51,"column":6}},{"generated":{"line":59,"column":8},"source":"src/PopupElement.js","original":{"line":51,"column":8}},{"generated":{"line":59,"column":32},"source":"src/PopupElement.js","original":{"line":50,"column":26}},{"name":"component","generated":{"line":60,"column":0},"source":"src/PopupElement.js","original":{"line":52,"column":2}},{"name":"component","generated":{"line":60,"column":2},"source":"src/PopupElement.js","original":{"line":52,"column":2}},{"generated":{"line":60,"column":11},"source":"src/PopupElement.js","original":{"line":52,"column":11}},{"generated":{"line":60,"column":13},"source":"src/PopupElement.js","original":{"line":52,"column":13}},{"name":"PopupElement","generated":{"line":60,"column":39},"source":"src/PopupElement.js","original":{"line":52,"column":21}},{"generated":{"line":60,"column":51},"source":"src/PopupElement.js","original":{"line":52,"column":13}},{"generated":{"line":60,"column":52},"source":"src/PopupElement.js","original":{"line":50,"column":26}},{"name":"props","generated":{"line":61,"column":0},"source":"src/PopupElement.js","original":{"line":53,"column":2}},{"name":"props","generated":{"line":61,"column":2},"source":"src/PopupElement.js","original":{"line":53,"column":2}},{"generated":{"line":61,"column":7},"source":"src/PopupElement.js","original":{"line":53,"column":7}},{"generated":{"line":61,"column":9},"source":"src/PopupElement.js","original":{"line":53,"column":9}},{"name":"offsetX","generated":{"line":62,"column":0},"source":"src/PopupElement.js","original":{"line":54,"column":4}},{"name":"offsetX","generated":{"line":62,"column":4},"source":"src/PopupElement.js","original":{"line":54,"column":4}},{"generated":{"line":62,"column":11},"source":"src/PopupElement.js","original":{"line":54,"column":11}},{"generated":{"line":62,"column":13},"source":"src/PopupElement.js","original":{"line":54,"column":13}},{"generated":{"line":62,"column":14},"source":"src/PopupElement.js","original":{"line":53,"column":9}},{"name":"offsetY","generated":{"line":63,"column":0},"source":"src/PopupElement.js","original":{"line":55,"column":4}},{"name":"offsetY","generated":{"line":63,"column":4},"source":"src/PopupElement.js","original":{"line":55,"column":4}},{"generated":{"line":63,"column":11},"source":"src/PopupElement.js","original":{"line":55,"column":11}},{"generated":{"line":63,"column":13},"source":"src/PopupElement.js","original":{"line":55,"column":13}},{"generated":{"line":63,"column":14},"source":"src/PopupElement.js","original":{"line":53,"column":9}},{"name":"position","generated":{"line":64,"column":0},"source":"src/PopupElement.js","original":{"line":56,"column":4}},{"name":"position","generated":{"line":64,"column":4},"source":"src/PopupElement.js","original":{"line":56,"column":4}},{"generated":{"line":64,"column":12},"source":"src/PopupElement.js","original":{"line":56,"column":12}},{"generated":{"line":64,"column":14},"source":"src/PopupElement.js","original":{"line":56,"column":14}},{"generated":{"line":65,"column":0},"source":"src/PopupElement.js","original":{"line":53,"column":9}},{"generated":{"line":66,"column":0},"source":"src/PopupElement.js","original":{"line":50,"column":26}},{"generated":{"line":66,"column":1},"source":"src/PopupElement.js","original":{"line":50,"column":0}},{"name":"PopupElementStory","generated":{"line":67,"column":15},"source":"src/PopupElement.js","original":{"line":60,"column":15}}],"sources":{"src/PopupElement.js":"import React from 'react';\nimport {Centred} from 'story-router';\nimport Popup from '../../src/';\n\nconst Button = React.forwardRef((props, ref) => (\n  <button {...props} ref={ref}>\n    Button nested with offsetX\n    {props.open ? 'open' : 'close'}{' '}\n  </button>\n));\n\nconst PopupElement = props => (\n  <div>\n    <div style={{zIndex: '90'}}>\n      Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas s\n      <Popup trigger={open => <Button open={open} />} {...props}>\n        {close => <Content close={close} />}\n      </Popup>\n    </div>\n\n    <div style={{zIndex: '90'}}>\n      {' '}\n      Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex,\n      blanditiis reiciendis dolor numquam pariatur facilis, labore, libero nihil\n      asperiores ae facilis{' '}\n    </div>\n  </div>\n);\n\nconst Content = ({close}) => (\n  <div>\n    sum dolor sit amet consectetur adipisicing elit. Nemo voluptas ex,\n    blanditiis reiciendir voluptas tempora doloremque!{' '}\n    <button onClick={close}>close</button>\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 voluptas\n        ex, 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      </div>\n    </Popup>\n  </div>\n);\n\nconst PopupElementStory = {\n  name: 'Popup trigger function',\n  component: Centred(PopupElement),\n  props: {\n    offsetX: 0,\n    offsetY: 0,\n    position: 'top left',\n  },\n};\n\nexport default PopupElementStory;\n"},"lineCount":null}},"error":null,"hash":"b6a759fe5e5bc98ff102697e9a178981","cacheData":{"env":{}}}