@tikpage/reactjs-popup/.cache/88/8cd1394e5179008295c77e3e820803.json

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

{"id":"src/DisabledTooltip.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/DisabledTooltip.js","resolved":"/Users/thienanh/tikpage/libs/reactjs-popup/node_modules/react/index.js"},{"name":"../../src/","loc":{"line":2,"column":18},"parent":"/Users/thienanh/tikpage/libs/reactjs-popup/stories/src/DisabledTooltip.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 _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar DisabledTooltip =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n  _inherits(DisabledTooltip, _React$PureComponent);\n\n  function DisabledTooltip() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, DisabledTooltip);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DisabledTooltip)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n    _defineProperty(_assertThisInitialized(_this), \"state\", {\n      disabled: false\n    });\n\n    return _this;\n  }\n\n  _createClass(DisabledTooltip, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      return _react.default.createElement(\"div\", null, _react.default.createElement(\"div\", null, _react.default.createElement(\"button\", {\n        style: {\n          marginBottom: '20px'\n        },\n        onClick: function onClick() {\n          _this2.setState({\n            disabled: !_this2.state.disabled\n          });\n        }\n      }, \"Toggle disabled state\")), _react.default.createElement(_src.default, {\n        on: \"hover\",\n        closeOnDocumentClick: true,\n        trigger: _react.default.createElement(\"button\", {\n          onClick: function onClick() {\n            _this2.setState({\n              disabled: true\n            });\n          },\n          disabled: this.state.disabled\n        }, \"A button with tooltip\"),\n        disabled: this.state.disabled\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  }]);\n\n  return DisabledTooltip;\n}(_react.default.PureComponent);\n\nexports.default = DisabledTooltip;"},"sourceMaps":{"js":{"mappings":[{"generated":{"line":8,"column":0},"source":"src/DisabledTooltip.js","original":{"line":1,"column":0}},{"generated":{"line":10,"column":0},"source":"src/DisabledTooltip.js","original":{"line":2,"column":0}},{"name":"DisabledTooltip","generated":{"line":34,"column":4},"source":"src/DisabledTooltip.js","original":{"line":4,"column":21}},{"generated":{"line":52,"column":60},"source":"src/DisabledTooltip.js","original":{"line":5,"column":10}},{"name":"disabled","generated":{"line":53,"column":0},"source":"src/DisabledTooltip.js","original":{"line":6,"column":4}},{"name":"disabled","generated":{"line":53,"column":6},"source":"src/DisabledTooltip.js","original":{"line":6,"column":4}},{"generated":{"line":53,"column":14},"source":"src/DisabledTooltip.js","original":{"line":6,"column":12}},{"generated":{"line":53,"column":16},"source":"src/DisabledTooltip.js","original":{"line":6,"column":14}},{"generated":{"line":54,"column":0},"source":"src/DisabledTooltip.js","original":{"line":5,"column":10}},{"generated":{"line":61,"column":29},"source":"src/DisabledTooltip.js","original":{"line":8,"column":11}},{"generated":{"line":62,"column":0},"source":"src/DisabledTooltip.js","original":{"line":8,"column":11}},{"generated":{"line":64,"column":0},"source":"src/DisabledTooltip.js","original":{"line":9,"column":4}},{"generated":{"line":64,"column":13},"source":"src/DisabledTooltip.js","original":{"line":10,"column":6}},{"generated":{"line":64,"column":55},"source":"src/DisabledTooltip.js","original":{"line":11,"column":8}},{"generated":{"line":64,"column":97},"source":"src/DisabledTooltip.js","original":{"line":12,"column":10}},{"generated":{"line":65,"column":0},"source":"src/DisabledTooltip.js","original":{"line":13,"column":12}},{"generated":{"line":65,"column":8},"source":"src/DisabledTooltip.js","original":{"line":13,"column":12}},{"generated":{"line":65,"column":13},"source":"src/DisabledTooltip.js","original":{"line":13,"column":17}},{"generated":{"line":65,"column":15},"source":"src/DisabledTooltip.js","original":{"line":13,"column":19}},{"name":"marginBottom","generated":{"line":66,"column":0},"source":"src/DisabledTooltip.js","original":{"line":13,"column":20}},{"name":"marginBottom","generated":{"line":66,"column":10},"source":"src/DisabledTooltip.js","original":{"line":13,"column":20}},{"generated":{"line":66,"column":22},"source":"src/DisabledTooltip.js","original":{"line":13,"column":32}},{"generated":{"line":66,"column":24},"source":"src/DisabledTooltip.js","original":{"line":13,"column":34}},{"generated":{"line":67,"column":0},"source":"src/DisabledTooltip.js","original":{"line":13,"column":19}},{"generated":{"line":67,"column":9},"source":"src/DisabledTooltip.js","original":{"line":12,"column":10}},{"generated":{"line":68,"column":0},"source":"src/DisabledTooltip.js","original":{"line":14,"column":12}},{"generated":{"line":68,"column":8},"source":"src/DisabledTooltip.js","original":{"line":14,"column":12}},{"generated":{"line":68,"column":15},"source":"src/DisabledTooltip.js","original":{"line":14,"column":19}},{"generated":{"line":68,"column":17},"source":"src/DisabledTooltip.js","original":{"line":14,"column":21}},{"generated":{"line":68,"column":36},"source":"src/DisabledTooltip.js","original":{"line":14,"column":27}},{"generated":{"line":69,"column":0},"source":"src/DisabledTooltip.js","original":{"line":14,"column":29}},{"generated":{"line":69,"column":10},"source":"src/DisabledTooltip.js","original":{"line":14,"column":29}},{"generated":{"line":69,"column":16},"source":"src/DisabledTooltip.js","original":{"line":14,"column":33}},{"name":"setState","generated":{"line":69,"column":17},"source":"src/DisabledTooltip.js","original":{"line":14,"column":34}},{"generated":{"line":69,"column":25},"source":"src/DisabledTooltip.js","original":{"line":14,"column":29}},{"generated":{"line":69,"column":26},"source":"src/DisabledTooltip.js","original":{"line":14,"column":43}},{"name":"disabled","generated":{"line":70,"column":0},"source":"src/DisabledTooltip.js","original":{"line":14,"column":45}},{"name":"disabled","generated":{"line":70,"column":12},"source":"src/DisabledTooltip.js","original":{"line":14,"column":45}},{"generated":{"line":70,"column":20},"source":"src/DisabledTooltip.js","original":{"line":14,"column":53}},{"generated":{"line":70,"column":22},"source":"src/DisabledTooltip.js","original":{"line":14,"column":55}},{"generated":{"line":70,"column":23},"source":"src/DisabledTooltip.js","original":{"line":14,"column":56}},{"generated":{"line":70,"column":29},"source":"src/DisabledTooltip.js","original":{"line":14,"column":60}},{"name":"state","generated":{"line":70,"column":30},"source":"src/DisabledTooltip.js","original":{"line":14,"column":61}},{"generated":{"line":70,"column":35},"source":"src/DisabledTooltip.js","original":{"line":14,"column":56}},{"name":"disabled","generated":{"line":70,"column":36},"source":"src/DisabledTooltip.js","original":{"line":14,"column":67}},{"generated":{"line":71,"column":0},"source":"src/DisabledTooltip.js","original":{"line":14,"column":43}},{"generated":{"line":71,"column":11},"source":"src/DisabledTooltip.js","original":{"line":14,"column":29}},{"generated":{"line":72,"column":0},"source":"src/DisabledTooltip.js","original":{"line":14,"column":80}},{"generated":{"line":73,"column":0},"source":"src/DisabledTooltip.js","original":{"line":12,"column":10}},{"generated":{"line":73,"column":33},"source":"src/DisabledTooltip.js","original":{"line":11,"column":8}},{"generated":{"line":73,"column":34},"source":"src/DisabledTooltip.js","original":{"line":10,"column":6}},{"generated":{"line":73,"column":36},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":73,"column":65},"source":"src/DisabledTooltip.js","original":{"line":19,"column":9}},{"generated":{"line":73,"column":77},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":74,"column":0},"source":"src/DisabledTooltip.js","original":{"line":20,"column":10}},{"generated":{"line":74,"column":8},"source":"src/DisabledTooltip.js","original":{"line":20,"column":10}},{"generated":{"line":74,"column":10},"source":"src/DisabledTooltip.js","original":{"line":20,"column":12}},{"generated":{"line":74,"column":12},"source":"src/DisabledTooltip.js","original":{"line":20,"column":13}},{"generated":{"line":74,"column":19},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":75,"column":0},"source":"src/DisabledTooltip.js","original":{"line":21,"column":10}},{"generated":{"line":75,"column":8},"source":"src/DisabledTooltip.js","original":{"line":21,"column":10}},{"generated":{"line":75,"column":28},"source":"src/DisabledTooltip.js","original":{"line":21,"column":30}},{"generated":{"line":75,"column":30},"source":"src/DisabledTooltip.js","original":{"line":21,"column":32}},{"generated":{"line":75,"column":34},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":76,"column":0},"source":"src/DisabledTooltip.js","original":{"line":22,"column":10}},{"generated":{"line":76,"column":8},"source":"src/DisabledTooltip.js","original":{"line":22,"column":10}},{"generated":{"line":76,"column":15},"source":"src/DisabledTooltip.js","original":{"line":22,"column":17}},{"generated":{"line":76,"column":17},"source":"src/DisabledTooltip.js","original":{"line":23,"column":12}},{"generated":{"line":77,"column":0},"source":"src/DisabledTooltip.js","original":{"line":24,"column":14}},{"generated":{"line":77,"column":10},"source":"src/DisabledTooltip.js","original":{"line":24,"column":14}},{"generated":{"line":77,"column":17},"source":"src/DisabledTooltip.js","original":{"line":24,"column":21}},{"generated":{"line":77,"column":19},"source":"src/DisabledTooltip.js","original":{"line":24,"column":23}},{"generated":{"line":77,"column":38},"source":"src/DisabledTooltip.js","original":{"line":24,"column":29}},{"generated":{"line":78,"column":0},"source":"src/DisabledTooltip.js","original":{"line":24,"column":31}},{"generated":{"line":78,"column":12},"source":"src/DisabledTooltip.js","original":{"line":24,"column":31}},{"generated":{"line":78,"column":18},"source":"src/DisabledTooltip.js","original":{"line":24,"column":35}},{"name":"setState","generated":{"line":78,"column":19},"source":"src/DisabledTooltip.js","original":{"line":24,"column":36}},{"generated":{"line":78,"column":27},"source":"src/DisabledTooltip.js","original":{"line":24,"column":31}},{"generated":{"line":78,"column":28},"source":"src/DisabledTooltip.js","original":{"line":24,"column":45}},{"name":"disabled","generated":{"line":79,"column":0},"source":"src/DisabledTooltip.js","original":{"line":24,"column":47}},{"name":"disabled","generated":{"line":79,"column":14},"source":"src/DisabledTooltip.js","original":{"line":24,"column":47}},{"generated":{"line":79,"column":22},"source":"src/DisabledTooltip.js","original":{"line":24,"column":55}},{"generated":{"line":79,"column":24},"source":"src/DisabledTooltip.js","original":{"line":24,"column":57}},{"generated":{"line":80,"column":0},"source":"src/DisabledTooltip.js","original":{"line":24,"column":45}},{"generated":{"line":80,"column":13},"source":"src/DisabledTooltip.js","original":{"line":24,"column":31}},{"generated":{"line":81,"column":0},"source":"src/DisabledTooltip.js","original":{"line":24,"column":66}},{"generated":{"line":81,"column":11},"source":"src/DisabledTooltip.js","original":{"line":23,"column":12}},{"generated":{"line":82,"column":0},"source":"src/DisabledTooltip.js","original":{"line":25,"column":14}},{"generated":{"line":82,"column":10},"source":"src/DisabledTooltip.js","original":{"line":25,"column":14}},{"generated":{"line":82,"column":18},"source":"src/DisabledTooltip.js","original":{"line":25,"column":22}},{"generated":{"line":82,"column":20},"source":"src/DisabledTooltip.js","original":{"line":25,"column":24}},{"name":"state","generated":{"line":82,"column":25},"source":"src/DisabledTooltip.js","original":{"line":25,"column":29}},{"generated":{"line":82,"column":30},"source":"src/DisabledTooltip.js","original":{"line":25,"column":24}},{"name":"disabled","generated":{"line":82,"column":31},"source":"src/DisabledTooltip.js","original":{"line":25,"column":35}},{"generated":{"line":83,"column":0},"source":"src/DisabledTooltip.js","original":{"line":23,"column":12}},{"generated":{"line":83,"column":35},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":84,"column":0},"source":"src/DisabledTooltip.js","original":{"line":30,"column":10}},{"generated":{"line":84,"column":8},"source":"src/DisabledTooltip.js","original":{"line":30,"column":10}},{"generated":{"line":84,"column":16},"source":"src/DisabledTooltip.js","original":{"line":30,"column":18}},{"generated":{"line":84,"column":18},"source":"src/DisabledTooltip.js","original":{"line":30,"column":20}},{"name":"state","generated":{"line":84,"column":23},"source":"src/DisabledTooltip.js","original":{"line":30,"column":25}},{"generated":{"line":84,"column":28},"source":"src/DisabledTooltip.js","original":{"line":30,"column":20}},{"name":"disabled","generated":{"line":84,"column":29},"source":"src/DisabledTooltip.js","original":{"line":30,"column":31}},{"generated":{"line":85,"column":0},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":85,"column":9},"source":"src/DisabledTooltip.js","original":{"line":32,"column":10}},{"generated":{"line":85,"column":343},"source":"src/DisabledTooltip.js","original":{"line":19,"column":8}},{"generated":{"line":85,"column":344},"source":"src/DisabledTooltip.js","original":{"line":10,"column":6}},{"generated":{"line":85,"column":345},"source":"src/DisabledTooltip.js","original":{"line":9,"column":4}},{"generated":{"line":86,"column":0},"source":"src/DisabledTooltip.js","original":{"line":41,"column":3}},{"name":"React","generated":{"line":90,"column":2},"source":"src/DisabledTooltip.js","original":{"line":4,"column":45}},{"name":"PureComponent","generated":{"line":90,"column":17},"source":"src/DisabledTooltip.js","original":{"line":4,"column":51}}],"sources":{"src/DisabledTooltip.js":"import React from \"react\";\nimport Popup from \"../../src/\";\n\nexport default class DisabledTooltip extends React.PureComponent {\n  state = {\n    disabled: false,\n  }\n  render() {\n    return (\n      <div>\n        <div>\n          <button\n            style={{marginBottom: '20px'}}\n            onClick={() => { this.setState({ disabled: !this.state.disabled }) }}\n          >\n            Toggle disabled state\n            </button>\n        </div>\n        <Popup\n          on=\"hover\"\n          closeOnDocumentClick={true}\n          trigger={\n            <button\n              onClick={() => { this.setState({ disabled: true }) }}\n              disabled={this.state.disabled}\n            >\n              A button with tooltip\n            </button>\n          }\n          disabled={this.state.disabled}\n        >\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  }\n}\n"},"lineCount":null}},"error":null,"hash":"eab3fe38415b90b6a9386755052d9fb0","cacheData":{"env":{}}}