@spothero/ui 15.10.9 → 16.0.0-beta.0

package/backlog/DateTime/TimePicker.js

@@ -1,180 +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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _clock = _interopRequireDefault(require("@spothero/icons/clock"));
-
-var _time = _interopRequireDefault(require("@spothero/utils/time"));
-
-var _Select = _interopRequireDefault(require("../Select/Select"));
-
-var _excluded = ["className", "label", "placeholder", "useIcon", "iconPosition", "name", "disabled"];
-
-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 TimePicker = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TimePicker, _Component);
-
-  var _super = _createSuper(TimePicker);
-
-  function TimePicker(props) {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TimePicker);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      selectedTime: _this.props.selectedTime
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSelectChange", function (_ref) {
-      var value = _ref.value;
-
-      _this.setState({
-        selectedTime: value
-      });
-    });
-    var step = props.step,
-        disableBefore = props.disableBefore,
-        disableAfter = props.disableAfter,
-        displayFormat = props.displayFormat;
-    var dayStart = (0, _moment.default)().startOf('day');
-    var timesParams = {
-      step: step
-    };
-
-    if (disableBefore) {
-      timesParams.ignoreBefore = (0, _moment.default)(disableBefore, 'hh:mm A').diff(dayStart, 'minutes');
-    }
-
-    if (disableAfter) {
-      timesParams.ignoreAfter = (0, _moment.default)(disableAfter, 'hh:mm A').diff(dayStart, 'minutes');
-    }
-
-    _this._times = (0, _map.default)(_context = _time.default.getTimes(timesParams)).call(_context, function (_ref2) {
-      var formatted = _ref2.formatted;
-      return {
-        value: formatted,
-        label: displayFormat ? _time.default.getAsMoment(formatted).format(displayFormat) : formatted
-      };
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(TimePicker, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var onChange = this.props.onChange;
-      var selectedTime = this.state.selectedTime;
-
-      if (selectedTime !== prevState.selectedTime && onChange) {
-        onChange(selectedTime);
-      }
-    }
-  }, {
-    key: "node",
-    get:
-    /**
-     * Getter for the select DOM element.
-     *
-     * @public
-     * @returns {Element} - The select element.
-     */
-    function get() {
-      return this._select.node;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          label = _this$props.label,
-          placeholder = _this$props.placeholder,
-          useIcon = _this$props.useIcon,
-          iconPosition = _this$props.iconPosition,
-          name = _this$props.name,
-          disabled = _this$props.disabled,
-          attrs = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var spreadProps = (0, _omit.default)(attrs, ['onChange', 'step', 'displayFormat', 'disableBefore', 'disableAfter', 'selectedTime']);
-      var selectedTime = this.state.selectedTime;
-      var classes = (0, _classnames.default)('TimePicker', {
-        'TimePicker-with-icon': useIcon
-      }, className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, label, /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
-        ref: function ref(node) {
-          _this2._select = node;
-        },
-        name: name,
-        defaultValue: selectedTime,
-        onChange: this._onSelectChange,
-        items: this._times,
-        disabled: disabled,
-        icon: useIcon ? /*#__PURE__*/_react.default.createElement(_clock.default, {
-          className: "Icon-clock"
-        }) : null,
-        iconPosition: iconPosition,
-        placeholder: placeholder
-      }, spreadProps)));
-    }
-  }]);
-  return TimePicker;
-}(_react.Component);
-
-exports.default = TimePicker;
-(0, _defineProperty2.default)(TimePicker, "defaultProps", {
-  useIcon: true,
-  step: 30,
-  iconPosition: 'right',
-  displayFormat: 'hh:mm A'
-});

package/backlog/DateTime/date-time-assertions.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var DateTimeAssertions = {
-  pastDatesDisabled: function pastDatesDisabled(inputSelector) {
-    cy.get(inputSelector).focus().get('.DayPicker-Day--today').then(function ($todayElement) {
-      if ($todayElement.prev().length) {
-        return $todayElement.prev();
-      } else {
-        return $todayElement.parent().prev().children().last();
-      }
-    }).then(function ($prevDay) {
-      cy.wrap($prevDay).should('have.class', 'DayPicker-Day--disabled');
-    });
-  },
-  pastDatesEnabled: function pastDatesEnabled(inputSelector) {
-    cy.get(inputSelector).focus().get('.DayPicker-Day--today').then(function ($todayElement) {
-      if ($todayElement.prev().length) {
-        return $todayElement.prev();
-      } else {
-        return $todayElement.parent().prev().children().last();
-      }
-    }).then(function ($prevDay) {
-      cy.wrap($prevDay).should('not.have.class', 'DayPicker-Day--disabled');
-    });
-  },
-  datesDisabledBeforeAndAfter: function datesDisabledBeforeAndAfter(inputSelector) {
-    cy.get(inputSelector).focus().get('.DayPicker-Day--today').then(function ($todayElement) {
-      // if previous child element exists return it
-      // if not, return the last child element from the previous calendar row
-      if ($todayElement.prev().length) {
-        return $todayElement.prev();
-      } else {
-        return $todayElement.parent().prev().children().last();
-      }
-    }).then(function ($prevDay) {
-      cy.wrap($prevDay).should('have.class', 'DayPicker-Day--disabled');
-    }).get('.DayPicker-Day--today').then(function ($todayElement) {
-      // if next child element exists return it
-      // if not, return the first child element from the next calendar row
-      if ($todayElement.next().length) {
-        return $todayElement.next();
-      } else {
-        return $todayElement.parent().next().children().first();
-      }
-    }).then(function ($nextDay) {
-      cy.wrap($nextDay).should('have.class', 'DayPicker-Day--disabled').get('.DayPicker-Day--today').click();
-    });
-  },
-  timesDisabledBeforeAndAfter: function timesDisabledBeforeAndAfter(inputSelector) {
-    var _context, _context2;
-
-    var hasPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    (0, _find.default)(_context = (0, _find.default)(_context2 = cy.get(inputSelector)).call(_context2, 'option').eq(hasPlaceholder ? 1 : 0).should('have.attr', 'value', '11:00 AM').get(inputSelector)).call(_context, 'option').last().should('have.attr', 'value', '01:00 PM');
-  }
-};
-var _default = DateTimeAssertions;
-exports.default = _default;

package/backlog/DateTime/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DatePicker.default;
-  }
-});
-Object.defineProperty(exports, "DatePickerCalendar", {
-  enumerable: true,
-  get: function get() {
-    return _DatePickerCalendar.default;
-  }
-});
-Object.defineProperty(exports, "DatePickerCalendarWithRange", {
-  enumerable: true,
-  get: function get() {
-    return _DatePickerCalendarWithRange.default;
-  }
-});
-Object.defineProperty(exports, "DateTimePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DateTimePicker.default;
-  }
-});
-Object.defineProperty(exports, "DateTimeRangePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DateTimeRangePicker.default;
-  }
-});
-Object.defineProperty(exports, "TimePicker", {
-  enumerable: true,
-  get: function get() {
-    return _TimePicker.default;
-  }
-});
-
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-
-var _TimePicker = _interopRequireDefault(require("./TimePicker"));
-
-var _DateTimePicker = _interopRequireDefault(require("./DateTimePicker"));
-
-var _DatePickerCalendar = _interopRequireDefault(require("./DatePickerCalendar"));
-
-var _DateTimeRangePicker = _interopRequireDefault(require("./DateTimeRangePicker"));
-
-var _DatePickerCalendarWithRange = _interopRequireDefault(require("./DatePickerCalendarWithRange"));

package/backlog/ErrorBoundary/ErrorBoundary.js

@@ -1,125 +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 _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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _sentry = _interopRequireDefault(require("@spothero/utils/sentry"));
-
-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 ErrorBoundary = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ErrorBoundary, _Component);
-
-  var _super = _createSuper(ErrorBoundary);
-
-  function ErrorBoundary() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ErrorBoundary);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      error: null
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, info) {
-      var _this$props = this.props,
-          reportToSentry = _this$props.reportToSentry,
-          onError = _this$props.onError;
-      this.setState({
-        error: error
-      });
-
-      if (onError) {
-        onError(error, info);
-      }
-
-      if (reportToSentry) {
-        _sentry.default.addData(info);
-
-        _sentry.default.sendMessage({
-          message: error.message,
-          level: 'error'
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          className = _this$props2.className,
-          errorComponent = _this$props2.errorComponent;
-      var error = this.state.error;
-      var classes = (0, _classnames.default)('ErrorBoundary', className);
-
-      if (error) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: classes
-        }, errorComponent, !errorComponent && /*#__PURE__*/_react.default.createElement("div", {
-          className: "ErrorBoundary-content"
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: "ErrorBoundary-info"
-        }, "An error has occurred."), /*#__PURE__*/_react.default.createElement("div", {
-          className: "ErrorBoundary-info"
-        }, "Please refresh the page and try again.")));
-      }
-
-      return children;
-    }
-  }]);
-  return ErrorBoundary;
-}(_react.Component);
-
-exports.default = ErrorBoundary;
-(0, _defineProperty2.default)(ErrorBoundary, "defaultProps", {
-  reportToSentry: true
-});

package/backlog/Flyout/Flyout.js

@@ -1,198 +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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-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 _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Button = _interopRequireDefault(require("../v1/components/Button/Button"));
-
-var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
-var _excluded = ["title", "children", "onHidden", "className", "closeOnShimClick", "isBackgroundScrollable"];
-
-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 Flyout = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Flyout, _Component);
-
-  var _super = _createSuper(Flyout);
-
-  function Flyout() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Flyout);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onCloseClick", function (evt) {
-      if (_this._isAnimating) {
-        return;
-      }
-
-      _this.hide();
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Flyout, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      var isBackgroundScrollable = this.props.isBackgroundScrollable;
-      setTimeout(function () {
-        _this2._isAnimating = true;
-
-        if (!isBackgroundScrollable) {
-          _dom.default.addClass('html', 'Flyout-no-scroll');
-        }
-
-        _dom.default.addClass(_this2._flyout, 'Flyout-active');
-
-        window.transitionEnd(_this2._flyout).bind(function () {
-          window.transitionEnd(_this2._flyout).unbind();
-          _this2._isAnimating = false;
-        });
-      }, 100);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._removeClasses();
-    }
-  }, {
-    key: "_removeClasses",
-    value: function _removeClasses() {
-      _dom.default.removeClass('html', 'Flyout-open Flyout-no-scroll');
-
-      _dom.default.removeClass(this._flyout, 'Flyout-active');
-    }
-    /**
-     * Hides the Flyout programmatically.
-     *
-     * @public
-     * @param {*} args - The arguments to pass to the onHidden callback in cases where you may need access to something not available in Flyout itself.
-     * @returns {void}
-     */
-
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this3 = this;
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      this._isAnimating = true;
-      var onHidden = this.props.onHidden;
-
-      this._removeClasses();
-
-      window.transitionEnd(this._flyout).bind(function () {
-        window.transitionEnd(_this3._flyout).unbind();
-        _this3._isAnimating = false;
-
-        if (onHidden) {
-          onHidden.apply(void 0, args);
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var _this$props = this.props,
-          title = _this$props.title,
-          children = _this$props.children,
-          onHidden = _this$props.onHidden,
-          className = _this$props.className,
-          closeOnShimClick = _this$props.closeOnShimClick,
-          isBackgroundScrollable = _this$props.isBackgroundScrollable,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var classes = (0, _classnames.default)('Flyout-container', className);
-      return /*#__PURE__*/_react.default.createElement(_Portal.default, {
-        className: "Flyout"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, closeOnShimClick && /*#__PURE__*/_react.default.createElement("div", {
-        className: "Flyout-shim",
-        onClick: this._onCloseClick
-      }), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        ref: function ref(node) {
-          _this4._flyout = node;
-        },
-        className: "Flyout-wrapper"
-      }, props), /*#__PURE__*/_react.default.createElement("div", {
-        className: "Flyout-heading"
-      }, (0, _isString.default)(title) ? /*#__PURE__*/_react.default.createElement("h1", {
-        className: "heading-sm"
-      }, title) : title, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Flyout-close",
-        "aria-label": "Close Flyout",
-        onClick: this._onCloseClick
-      }, /*#__PURE__*/_react.default.createElement(_times.default, null))), /*#__PURE__*/_react.default.createElement("div", {
-        className: "Flyout-content"
-      }, children))));
-    }
-  }]);
-  return Flyout;
-}(_react.Component);
-
-exports.default = Flyout;
-(0, _defineProperty2.default)(Flyout, "defaultProps", {
-  closeOnShimClick: true
-});