@talend/react-containers/lib/GuidedTour/GuidedTour.container.js

Provide connected components aka containers for @talend/react-cmf based on @talend/react-components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactCmf = require("@talend/react-cmf");
var _reactComponents = require("@talend/react-components");
var _lodash = require("lodash");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
class GuidedTourContainer extends _react.Component {
  constructor(...args) {
    super(...args);
    _defineProperty(this, "state", {
      controls: true
    });
    _defineProperty(this, "getSteps", () => {
      const {
        steps,
        t
      } = this.props;
      if (steps) {
        if (typeof steps === 'function') {
          return steps({
            showControls: this.showControls,
            hideControls: this.hideControls,
            t
          });
        }
        return steps;
      }
      return undefined;
    });
    _defineProperty(this, "closeTour", () => {
      this.showControls();
      if (this.props.onClose) {
        this.props.onClose();
      }
      this.props.setState({
        show: false
      });
    });
    _defineProperty(this, "showControls", () => {
      this.setState({
        controls: true
      });
    });
    _defineProperty(this, "hideControls", () => {
      this.setState({
        controls: false
      });
    });
  }
  render() {
    const steps = this.getSteps();
    if (!steps || !steps.length) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
    }
    const {
      controls
    } = this.state;
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.GuidedTour, {
      isOpen: this.props.state.get('show'),
      steps: steps,
      onRequestClose: this.closeTour,
      showCloseButton: controls,
      showButtons: controls,
      disableKeyboardNavigation: !controls,
      disableAllInteractions: !controls,
      ...(0, _lodash.omit)(this.props, _reactCmf.cmfConnect.INJECTED_PROPS)
    });
  }
}
_defineProperty(GuidedTourContainer, "displayName", 'Container(GuidedTour)');
_defineProperty(GuidedTourContainer, "propTypes", {
  ..._reactCmf.cmfConnect.propTypes,
  show: _propTypes.default.bool,
  steps: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
  onClose: _propTypes.default.func
});
var _default = exports.default = GuidedTourContainer;
//# sourceMappingURL=GuidedTour.container.js.map