{"version":3,"sources":["jsdelivr-header.js","/npm/react-user-guidance@1.0.0/dist/index.js"],"names":[],"mappings":"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","file":"/npm/react-user-guidance@1.0.0/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/react-user-guidance@1.0.0/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; };\n\nvar _createClass = function () { function 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _reactClickOutside = require('react-click-outside');\n\nvar _reactClickOutside2 = _interopRequireDefault(_reactClickOutside);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nrequire('./index.css');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar beaconrootCls = \"userGuidance--beaconroot\";\n\nvar UserGuide = function (_PureComponent) {\n  _inherits(UserGuide, _PureComponent);\n\n  function UserGuide() {\n    var _ref;\n\n    var _temp, _this, _ret;\n\n    _classCallCheck(this, UserGuide);\n\n    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = UserGuide.__proto__ || Object.getPrototypeOf(UserGuide)).call.apply(_ref, [this].concat(args))), _this), _this.renderBeacons = function (_ref2) {\n      var steps = _ref2.steps;\n      // eslint-disable-line\n      // console.log(steps);\n      steps.map(function (step) {\n        if (window.localStorage.getItem(step.name) === '1') return;\n\n        var el = document.querySelector(step.selector);\n        if (el) {\n          var hasExist = el.querySelector('.' + beaconrootCls);\n          if (!hasExist) {\n            var div = document.createElement('div');\n            div.className = beaconrootCls;\n            el.appendChild(div);\n            _reactDom2.default.render(_react2.default.createElement(Beacon, {\n              el: el,\n              step: step }), div);\n          }\n        }\n      });\n    }, _temp), _possibleConstructorReturn(_this, _ret);\n  }\n\n  _createClass(UserGuide, [{\n    key: 'componentDidMount',\n    value: function componentDidMount() {\n      this.renderBeacons(this.props);\n    }\n  }, {\n    key: 'componentWillReceiveProps',\n    value: function componentWillReceiveProps(nextProps) {\n      this.renderBeacons(nextProps);\n    }\n  }, {\n    key: 'componentWillUnmount',\n    value: function componentWillUnmount() {\n      var steps = this.props.steps;\n\n\n      steps.map(function (step) {\n        var el = document.querySelector(step.selector);\n        var beacon = el ? el.querySelector('.' + beaconrootCls) : false;\n        if (el && beacon) {\n          _reactDom2.default.unmountComponentAtNode(beacon);\n        }\n      });\n    }\n  }, {\n    key: 'render',\n    value: function render() {\n      return null;\n    }\n  }]);\n\n  return UserGuide;\n}(_react.PureComponent);\n\nUserGuide.defaultProps = {\n  steps: []\n};\nexports.default = UserGuide;\n\n\nvar positions = {\n  'top': {\n    top: -6,\n    left: -6\n  },\n  'left': {\n    top: -6,\n    left: -6\n  },\n  'top-left': {\n    top: -6,\n    left: -6\n  },\n  'top-right': {\n    top: -6,\n    right: -6\n  },\n  'right': {\n    top: -6,\n    right: -6\n  },\n  'bottom': {\n    bottom: -6,\n    left: -6\n  },\n  'bottom-left': {\n    bottom: -6,\n    left: -6\n  },\n  'bottom-right': {\n    bottom: -6,\n    right: -6\n  }\n};\n\nvar Beacon = function (_PureComponent2) {\n  _inherits(Beacon, _PureComponent2);\n\n  function Beacon() {\n    var _ref3;\n\n    var _temp2, _this2, _ret2;\n\n    _classCallCheck(this, Beacon);\n\n    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, (_ref3 = Beacon.__proto__ || Object.getPrototypeOf(Beacon)).call.apply(_ref3, [this].concat(args))), _this2), _this2.onRenderTooltip = function () {\n      var _this2$props = _this2.props,\n          el = _this2$props.el,\n          step = _this2$props.step;\n\n\n      if (typeof step.onBeaconTrigger === 'function') step.onBeaconTrigger(el);\n\n      var div = document.createElement('div');\n      div.className = \"userGuidance--guideroot\";\n      document.body.appendChild(div);\n      _reactDom2.default.render(_react2.default.createElement(Guide, { el: el, step: step }), div);\n\n      var beaconroot = el.querySelector('.' + beaconrootCls);\n      _reactDom2.default.unmountComponentAtNode(beaconroot);\n      beaconroot.remove();\n    }, _temp2), _possibleConstructorReturn(_this2, _ret2);\n  }\n\n  _createClass(Beacon, [{\n    key: 'render',\n    // eslint-disable-line\n\n    value: function render() {\n      var _props$step = this.props.step,\n          position = _props$step.position,\n          trigger = _props$step.trigger,\n          style = _props$step.style;\n\n      var shadowStyle = style || { beacon: {} };\n      var propsToBeacon = {\n        style: _extends({}, positions[position], shadowStyle.beacon)\n      };\n      if (trigger === 'hover') {\n        propsToBeacon.onMouseEnter = this.onRenderTooltip;\n      } else {\n        propsToBeacon.onClick = this.onRenderTooltip;\n      }\n\n      return _react2.default.createElement(\n        'span',\n        _extends({ className: 'userGuidance--beacon'\n        }, propsToBeacon),\n        _react2.default.createElement('span', { className: 'userGuidance--beacon__inner' }),\n        _react2.default.createElement('span', { className: 'userGuidance--beacon__outer' })\n      );\n    }\n  }]);\n\n  return Beacon;\n}(_react.PureComponent);\n\nvar Guide = function (_PureComponent3) {\n  _inherits(Guide, _PureComponent3);\n\n  function Guide() {\n    var _ref4;\n\n    var _temp3, _this3, _ret3;\n\n    _classCallCheck(this, Guide);\n\n    for (var _len3 = arguments.length, args = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      args[_key3] = arguments[_key3];\n    }\n\n    return _ret3 = (_temp3 = (_this3 = _possibleConstructorReturn(this, (_ref4 = Guide.__proto__ || Object.getPrototypeOf(Guide)).call.apply(_ref4, [this].concat(args))), _this3), _this3.unMount = function () {\n      // eslint-disable-line\n      var _this3$props = _this3.props,\n          el = _this3$props.el,\n          _this3$props$step = _this3$props.step,\n          name = _this3$props$step.name,\n          onTooltipUnMount = _this3$props$step.onTooltipUnMount;\n\n      var thisEl = document.body.querySelector('.userGuidance--guideroot');\n      if (thisEl) {\n        if (typeof onTooltipUnMount === 'function') onTooltipUnMount(el);\n        window.localStorage.setItem(name, 1);\n        _reactDom2.default.unmountComponentAtNode(thisEl);\n        thisEl.remove();\n      }\n    }, _temp3), _possibleConstructorReturn(_this3, _ret3);\n  }\n\n  _createClass(Guide, [{\n    key: 'render',\n    // eslint-disable-line\n\n    value: function render() {\n      var _props = this.props,\n          el = _props.el,\n          _props$step2 = _props.step,\n          text = _props$step2.text,\n          close = _props$step2.close,\n          position = _props$step2.position,\n          style = _props$step2.style;\n\n      var _el$getBoundingClient = el.getBoundingClientRect(),\n          top = _el$getBoundingClient.top,\n          left = _el$getBoundingClient.left,\n          width = _el$getBoundingClient.width,\n          height = _el$getBoundingClient.height;\n\n      var shadowStyle = style || { hole: {}, tooltip: {} };\n      var tooltipStyle = function () {\n        switch (position) {\n          case 'top':\n          case 'top-left':\n            return _extends({\n              top: top,\n              left: left,\n              transform: 'translateX(-18px) translateY(calc(-100% - 36px))'\n            }, shadowStyle.tooltip);\n          case 'left':\n            return _extends({\n              top: top,\n              left: left,\n              transform: 'translateX(calc(-100% - 36px)) translateY(-18px)'\n            }, shadowStyle.tooltip);\n          case 'right':\n            return _extends({\n              top: top - 18,\n              left: left + width\n            }, shadowStyle.tooltip);\n          case 'top-right':\n            return _extends({\n              top: top,\n              right: window.innerWidth - left - width,\n              transform: 'translateX(18px) translateY(calc(-100% - 36px))'\n            }, shadowStyle.tooltip);\n          case 'bottom':\n          case 'bottom-left':\n            return _extends({\n              top: top + height,\n              left: left,\n              transform: 'translateX(-18px)'\n            }, shadowStyle.tooltip);\n          case 'bottom-right':\n            return _extends({\n              top: top + height,\n              right: window.innerWidth - left - width,\n              transform: 'translateX(18px)'\n            }, shadowStyle.tooltip);\n        }\n      }();\n\n      return _react2.default.createElement(\n        'div',\n        { className: 'userGuidance--guide__overlay' },\n        _react2.default.createElement(\n          _reactClickOutside2.default,\n          { onClickOutside: this.unMount },\n          _react2.default.createElement('div', { className: 'userGuidance--guide__hole',\n            style: _extends({ top: top, left: left, width: width, height: height }, shadowStyle.hole) }),\n          _react2.default.createElement(\n            'div',\n            { className: 'userGuidance--guide__tooltip',\n              style: tooltipStyle },\n            _react2.default.createElement('p', {\n              // eslint-disable-next-line\n              dangerouslySetInnerHTML: { __html: text } }),\n            _react2.default.createElement(\n              'span',\n              { onClick: this.unMount },\n              close\n            )\n          )\n        )\n      );\n    }\n  }]);\n\n  return Guide;\n}(_react.PureComponent);\n\nmodule.exports = exports['default'];"]}