@spothero/ui 15.2.0-beta.1 → 15.2.1-beta.0

package/v1/components/Button/Button.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _buttonProps = _interopRequireDefault(require("./button-props"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-var _excluded = ["className", "color", "iconPosition", "block", "loading", "asAnchor", "type"];
-(0, _deprecate.default)({
-  name: 'Button',
-  changes: ['iconPosition has been removed, iconLeft and iconRight have replaced it.', 'color is now variant and takes in new values.', 'block was removed, if full width is needed, use isFullWidth', 'loading was replaced by isLoading']
-});
-
-var Button = function Button(_ref) {
-  var className = _ref.className,
-      color = _ref.color,
-      iconPosition = _ref.iconPosition,
-      block = _ref.block,
-      loading = _ref.loading,
-      asAnchor = _ref.asAnchor,
-      type = _ref.type,
-      attrs = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('Button', (0, _defineProperty2.default)({}, "Button-".concat(color), color), {
-    'Button-block': block
-  }, {
-    'Button-loading': loading
-  }, (0, _defineProperty2.default)({}, "Button-with-icon-".concat(iconPosition), iconPosition), className);
-
-  var _ref2 = asAnchor ? {
-    Element: 'a'
-  } : {
-    Element: 'button',
-    finalType: type
-  },
-      finalType = _ref2.finalType,
-      Element = _ref2.Element;
-
-  return /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
-    className: classes,
-    type: finalType
-  }, attrs));
-};
-
-Button.defaultProps = {
-  type: 'button'
-};
-var _default = Button;
-exports.default = _default;

package/v1/components/Button/button-props.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var props = {
-  /** Additional class(es) to add to the component. */
-  className: _propTypes.default.string,
-
-  /** The markup node to insert into the button. */
-  children: _propTypes.default.node,
-
-  /** The type of button that is rendered. */
-  type: _propTypes.default.oneOf(['button', 'submit', 'reset']),
-
-  /** The color of the button. */
-  color: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary']),
-
-  /** If an icon is provided, whether to add the margin to the icon on the left or right side. */
-  iconPosition: _propTypes.default.oneOf(['left', 'right']),
-
-  /** Whether the button should display as a block level element. */
-  block: _propTypes.default.bool,
-
-  /** Whether the button is disabled or not. */
-  disabled: _propTypes.default.bool,
-
-  /** Whether to show a loading animation inside of the button. */
-  loading: _propTypes.default.bool,
-
-  /**
-   * The handler to execute when the button is clicked.
-   *
-   * @param {SyntheticEvent} evt - The React `SyntheticEvent`.
-   */
-  onClick: _propTypes.default.func,
-
-  /** Determines if the underlying HTML element should be an <a> or <button>. */
-  asAnchor: _propTypes.default.bool
-};
-var _default = props;
-exports.default = _default;

package/v1/components/Image/Image.js

@@ -1,193 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _template = _interopRequireDefault(require("lodash/template"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactLazyLoad = _interopRequireDefault(require("react-lazy-load"));
-
-var _environment = _interopRequireDefault(require("@spothero/utils/environment"));
-
-var _PulseLoader = _interopRequireDefault(require("../../../PulseLoader/PulseLoader"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Image = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Image, _Component);
-
-  var _super = _createSuper(Image);
-
-  function Image(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Image);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onLoaded", function (evt) {
-      var onLoad = _this.props.onLoad;
-
-      _this.setState({
-        isLoaded: true
-      });
-
-      if (onLoad) {
-        onLoad(evt);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isCloudinaryImageAndInvalid", function () {
-      var _this$props = _this.props,
-          cloudinaryImageId = _this$props.cloudinaryImageId,
-          cloudinaryTemplate = _this$props.cloudinaryTemplate,
-          width = _this$props.width,
-          height = _this$props.height;
-      return (cloudinaryImageId || cloudinaryTemplate) && (!width || !height);
-    });
-    var _cloudinaryImageId = props.cloudinaryImageId,
-        _cloudinaryTemplate = props.cloudinaryTemplate;
-    _this._imageProps = (0, _omit.default)(props, ['className', 'showLoader', 'lazyLoad', 'lazyLoadOffsetVertical', 'cloudinaryCloudName', 'cloudinaryImageId', 'cloudinaryTemplate', 'quality', 'onLoad']);
-    _this.state = {
-      isLoaded: false,
-      hasCloudinarySrc: !(_cloudinaryImageId || _cloudinaryTemplate)
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(Image, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props2 = this.props,
-          cloudinaryCloudName = _this$props2.cloudinaryCloudName,
-          cloudinaryTemplate = _this$props2.cloudinaryTemplate,
-          cloudinaryImageId = _this$props2.cloudinaryImageId,
-          width = _this$props2.width,
-          height = _this$props2.height,
-          quality = _this$props2.quality;
-
-      if (cloudinaryImageId || cloudinaryTemplate) {
-        var _context, _context2;
-
-        // cloudinary image provided, create the source path
-        if (this.isCloudinaryImageAndInvalid()) {
-          return;
-        }
-
-        var tmpl = cloudinaryTemplate ? cloudinaryTemplate : (0, _concat.default)(_context = (0, _concat.default)(_context2 = "https://res.cloudinary.com/".concat(cloudinaryCloudName, "/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,fl_progressive,dpr_")).call(_context2, _environment.default.isHighDensityDisplay() ? 2 : 1, ",h_$h,q_$q,w_$w/")).call(_context, cloudinaryImageId);
-        this._imageProps.src = (0, _template.default)(tmpl, {
-          interpolate: /{{([\s\S]+?)}}/g // matches template vars in the format '{{ var }}' or '{{var}}'
-
-        })({
-          WIDTH: width,
-          HEIGHT: height,
-          QUALITY: quality
-        }); // eslint-disable-next-line react/no-did-mount-set-state
-
-        this.setState({
-          hasCloudinarySrc: true
-        });
-      }
-    }
-  }, {
-    key: "_renderImage",
-    value: function _renderImage() {
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          width = _this$props3.width,
-          height = _this$props3.height,
-          showLoader = _this$props3.showLoader;
-      var isLoaded = this.state.isLoaded;
-      var classes = (0, _classnames.default)(className, 'Image-container');
-      var imgClasses = (0, _classnames.default)('Image', {
-        'Image-loaded': isLoaded
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes,
-        style: {
-          maxWidth: width,
-          maxHeight: height
-        }
-      }, showLoader && !isLoaded && /*#__PURE__*/_react.default.createElement(_PulseLoader.default, {
-        size: 32,
-        borderWidth: 2
-      }), /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({}, this._imageProps, {
-        className: imgClasses,
-        onLoad: this._onLoaded
-      })));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          lazyLoad = _this$props4.lazyLoad,
-          lazyLoadOffsetVertical = _this$props4.lazyLoadOffsetVertical;
-      var hasCloudinarySrc = this.state.hasCloudinarySrc; // the source is set after component is mounted in the case of Cloudinary images otherwise there are mis-matching
-      // DPR attributes in the url since node will always set the DPR to 1 and high density displays will have it set to 2+.
-
-      if (!hasCloudinarySrc) {
-        return null;
-      }
-
-      if (this.isCloudinaryImageAndInvalid()) {
-        return null;
-      }
-
-      if (lazyLoad) {
-        return /*#__PURE__*/_react.default.createElement(_reactLazyLoad.default, {
-          offsetVertical: lazyLoadOffsetVertical
-        }, this._renderImage());
-      }
-
-      return this._renderImage();
-    }
-  }]);
-  return Image;
-}(_react.Component);
-
-exports.default = Image;
-(0, _defineProperty2.default)(Image, "defaultProps", {
-  showLoader: true,
-  lazyLoadOffsetVertical: 100,
-  quality: 50,
-  cloudinaryCloudName: 'spothero'
-});

package/v1/components/Loader/Loader.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-var _excluded = ["className", "size", "borderWidth", "additionalMarkup"];
-(0, _deprecate.default)({
-  name: 'Loader',
-  newName: 'Loader',
-  changes: ['---- Changes in v2 component  ----', '`borderWidth` is now `thickness`', '`additionalMarkup` is no longer supported within this component', '`className` is no longer explicitly supported, but a custom class could still be passed in if needed, but with the move to ChakraUI custom classes are generally not needed', '---- Additional Information ----', 'new props are documented at: https://chakra-ui.com/docs/feedback/circular-progress']
-});
-
-var Loader = function Loader(_ref) {
-  var className = _ref.className,
-      size = _ref.size,
-      borderWidth = _ref.borderWidth,
-      additionalMarkup = _ref.additionalMarkup,
-      attrs = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('Loader', className);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: classes
-  }, attrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "Loader-spinner",
-    style: {
-      width: size,
-      height: size,
-      borderWidth: borderWidth
-    }
-  }), additionalMarkup);
-};
-
-Loader.defaultProps = {
-  size: 80,
-  borderWidth: 4
-};
-var _default = Loader;
-exports.default = _default;

package/v1/components/Modal/Modal.js

@@ -1,325 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
-
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Button = _interopRequireDefault(require("../Button/Button"));
-
-var _Portal = _interopRequireDefault(require("../../../Portal/Portal"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Modal = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(Modal, _PureComponent);
-
-  var _super = _createSuper(Modal);
-
-  function Modal(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Modal);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onCloseClick", function (evt) {
-      if (_this._isAnimating) {
-        return;
-      }
-
-      var onCloseClick = _this.props.onCloseClick;
-
-      _this.hide();
-
-      if (onCloseClick) {
-        onCloseClick();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onShimClick", function (evt) {
-      var _this$props = _this.props,
-          useShim = _this$props.useShim,
-          closeOnShimClick = _this$props.closeOnShimClick;
-
-      if (useShim && closeOnShimClick && _dom.default.hasClass(evt.target, 'Modal-wrapper')) {
-        _this._onCloseClick();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onBackClick", function (evt) {
-      _this.props.onRemoveIndex();
-    });
-    var _this$props2 = _this.props,
-        width = _this$props2.width,
-        title = _this$props2.title,
-        onBeforeFirstRender = _this$props2.onBeforeFirstRender;
-    _this._isDynamicWidth = (0, _isNumber.default)(width) || width.indexOf('%') > 0;
-    _this._isAnimating = false;
-    _this._isTitleString = title ? (0, _isString.default)(title) : false;
-    _this._childHistory = [];
-
-    if (onBeforeFirstRender) {
-      onBeforeFirstRender();
-    }
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(Modal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      var width = this.props.width;
-      setTimeout(function () {
-        // if ModalContent throws an error then the container will not be defined
-        if (!_this2._container) {
-          return;
-        }
-
-        if (_this2._isDynamicWidth) {
-          var newWidth = (0, _isNumber.default)(width) ? "".concat(width, "px") // numerical width, set accordingly
-          : width; // percentage width, retain and set
-
-          _dom.default.addClass(_this2._container, 'Modal-container-custom');
-
-          _this2._container.style.width = newWidth;
-        }
-
-        _this2._show();
-      }, 0);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      _dom.default.removeClass('html', 'Modal-open');
-    }
-  }, {
-    key: "_show",
-    value: function _show() {
-      var _this3 = this;
-
-      var _this$props3 = this.props,
-          useShim = _this$props3.useShim,
-          renderInBody = _this$props3.renderInBody,
-          onShown = _this$props3.onShown,
-          animateOnShow = _this$props3.animateOnShow;
-      var node = useShim ? this._modal : this._container;
-      var showClass = useShim ? 'Modal-showing' : 'Modal-container-showing';
-
-      _dom.default.addClass(node, showClass);
-
-      if (renderInBody) {
-        _dom.default.addClass('html', 'Modal-open');
-      }
-
-      if (!useShim) {
-        _dom.default.addClass(this._modal, 'Modal-no-shim');
-      }
-
-      if (animateOnShow) {
-        var _window$transitionEnd, _window;
-
-        this._isAnimating = true;
-        (_window$transitionEnd = (_window = window).transitionEnd) === null || _window$transitionEnd === void 0 ? void 0 : _window$transitionEnd.call(_window, node).bind(function () {
-          window.transitionEnd(node).unbind();
-
-          if (onShown) {
-            onShown();
-          }
-
-          _this3._isAnimating = false;
-        });
-      } else {
-        if (onShown) {
-          onShown();
-        }
-      }
-    }
-  }, {
-    key: "_renderModal",
-    value: function _renderModal() {
-      var _this4 = this;
-
-      var _this$props4 = this.props,
-          className = _this$props4.className,
-          renderInBody = _this$props4.renderInBody,
-          useShim = _this$props4.useShim,
-          title = _this$props4.title,
-          showClose = _this$props4.showClose,
-          children = _this$props4.children,
-          width = _this$props4.width,
-          animateOnShow = _this$props4.animateOnShow,
-          activeContentIndex = _this$props4.activeContentIndex,
-          fullScreenOnMobile = _this$props4.fullScreenOnMobile,
-          dataTestId = _this$props4['data-testid'];
-      var classes = (0, _classnames.default)('Modal', {
-        'Modal-inline': !renderInBody
-      }, {
-        'Modal-animated': animateOnShow
-      }, {
-        'Modal-showing': useShim && !animateOnShow
-      }, className);
-      var containerClasses = (0, _classnames.default)('Modal-container', (0, _defineProperty2.default)({}, "Modal-container-".concat(width), !this._isDynamicWidth), {
-        'Modal-container-animated': animateOnShow
-      }, {
-        'Modal-container-showing': !useShim && !animateOnShow
-      });
-      var wrapperClasses = (0, _classnames.default)('Modal-wrapper', {
-        'Modal-wrapper-full': fullScreenOnMobile
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this4._modal = node;
-        },
-        className: classes,
-        "data-testid": dataTestId
-      }, useShim && /*#__PURE__*/_react.default.createElement("div", {
-        className: "Modal-shim"
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: wrapperClasses,
-        onClick: this._onShimClick
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this4._container = node;
-        },
-        className: containerClasses
-      }, title && /*#__PURE__*/_react.default.createElement("div", {
-        className: "Modal-title"
-      }, this._isTitleString ? /*#__PURE__*/_react.default.createElement("h1", null, title) : title), /*#__PURE__*/_react.default.createElement("div", {
-        className: "Modal-ctas"
-      }, showClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Modal-close",
-        "aria-label": "Close Modal",
-        onClick: this._onCloseClick
-      }, /*#__PURE__*/_react.default.createElement(_times.default, null)), activeContentIndex > 0 && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Modal-back",
-        "aria-label": "Go Back",
-        onClick: this._onBackClick
-      }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null))), children)));
-    }
-    /**
-     * Hides the Modal programmatically.
-     *
-     * @public
-     * @param {*} args - The arguments to pass to the onHidden callback in cases where you may need access to something not available in Modal itself.
-     * @returns {void}
-     */
-
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _window$transitionEnd2,
-          _window2,
-          _this5 = this;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      this._isAnimating = true;
-      var _this$props5 = this.props,
-          useShim = _this$props5.useShim,
-          renderInBody = _this$props5.renderInBody,
-          onHidden = _this$props5.onHidden,
-          animateOnShow = _this$props5.animateOnShow;
-      var node = useShim ? this._modal : this._container;
-      var showClass = useShim ? 'Modal-showing' : 'Modal-container-showing';
-
-      if (!animateOnShow) {
-        _dom.default.addClass(node, showClass.replace('showing', 'animated'));
-      }
-
-      if (!useShim) {
-        _dom.default.removeClass(this._modal, 'Modal-no-shim');
-      }
-
-      _dom.default.removeClass(node, showClass);
-
-      if (renderInBody) {
-        _dom.default.removeClass('html', 'Modal-open');
-      }
-
-      (_window$transitionEnd2 = (_window2 = window).transitionEnd) === null || _window$transitionEnd2 === void 0 ? void 0 : _window$transitionEnd2.call(_window2, node).bind(function () {
-        window.transitionEnd(node).unbind();
-        _this5._isAnimating = false;
-
-        if (!animateOnShow) {
-          _dom.default.removeClass(node, "".concat(showClass, "-animated"));
-        }
-
-        if (onHidden) {
-          onHidden.apply(void 0, args);
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props6 = this.props,
-          renderInBody = _this$props6.renderInBody,
-          store = _this$props6.store;
-
-      if (renderInBody) {
-        return /*#__PURE__*/_react.default.createElement(_Portal.default, {
-          store: store
-        }, this._renderModal());
-      } else {
-        return this._renderModal();
-      }
-    }
-  }]);
-  return Modal;
-}(_react.PureComponent);
-
-exports.default = Modal;
-(0, _defineProperty2.default)(Modal, "defaultProps", {
-  renderInBody: true,
-  useShim: true,
-  showClose: true,
-  width: 'normal',
-  activeContentIndex: 0,
-  closeOnShimClick: true,
-  animateOnShow: true
-});