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

package/v1/components/Modal/ModalContent.js

@@ -1,154 +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 _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ssrWindow = require("ssr-window");
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-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 ModalContent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ModalContent, _Component);
-
-  var _super = _createSuper(ModalContent);
-
-  function ModalContent(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ModalContent);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onWindowResize", function (evt) {
-      var _this$props = _this.props,
-          maxHeight = _this$props.maxHeight,
-          contentAreaHeight = _this$props.contentAreaHeight,
-          verticalModalPadding = _this$props.verticalModalPadding;
-      var windowWidth = _ssrWindow.window.innerWidth || _ssrWindow.document.body.clientWidth;
-      var calculatedMax = maxHeight;
-
-      if ((0, _isString.default)(calculatedMax) && calculatedMax === 'auto') {
-        var modalWrapperEl = _dom.default.parent(_this._container, '.Modal-wrapper');
-
-        var titleEl = modalWrapperEl.querySelector('.Modal-title');
-        var finalContentAreaHeight = (0, _isUndefined.default)(contentAreaHeight) ? _dom.default.height(modalWrapperEl, true, false) - _dom.default.height(titleEl) : (0, _isFunction.default)(contentAreaHeight) ? contentAreaHeight() : contentAreaHeight;
-        calculatedMax = windowWidth < 768 ? finalContentAreaHeight : finalContentAreaHeight - verticalModalPadding - 24; // 24 is margin-bottom
-      }
-
-      _this._container.style.maxHeight = "".concat(calculatedMax, "px");
-    });
-    var children = props.children,
-        html = props.html;
-
-    if (children && html) {
-      // eslint-disable-next-line no-console
-      console.error('Passing children or html props is exclusive. You may only use one at a time.');
-    }
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(ModalContent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      _ssrWindow.window.addEventListener('resize', this._onWindowResize);
-
-      this._resizeTimeout = _ssrWindow.window.setTimeout(function () {
-        _this2._onWindowResize();
-      }, 0);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      _ssrWindow.window.clearTimeout(this._resizeTimeout);
-
-      _ssrWindow.window.removeEventListener('resize', this._onWindowResize);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          noPadding = _this$props2.noPadding,
-          contentAreaHeight = _this$props2.contentAreaHeight,
-          children = _this$props2.children,
-          html = _this$props2.html;
-      var content = html ? /*#__PURE__*/_react.default.createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: html
-        }
-      }) : children;
-      var classes = (0, _classnames.default)('Modal-content', {
-        'Modal-content-flush': noPadding
-      }, {
-        'Modal-content-with-height': !(0, _isUndefined.default)(contentAreaHeight)
-      }, className);
-
-      if (html && children) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this3._container = node;
-        },
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "Modal-content-wrapper"
-      }, content));
-    }
-  }]);
-  return ModalContent;
-}(_react.Component);
-
-exports.default = ModalContent;
-(0, _defineProperty2.default)(ModalContent, "defaultProps", {
-  maxHeight: 'auto',
-  verticalModalPadding: 32
-});

package/v1/components/Modal/ModalFooter.js

@@ -1,89 +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 _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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 ModalFooter = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ModalFooter, _Component);
-
-  var _super = _createSuper(ModalFooter);
-
-  function ModalFooter(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ModalFooter);
-    _this = _super.call(this, props);
-    var children = props.children,
-        html = props.html;
-
-    if (children && html) {
-      throw new Error('Passing children or html props is exclusive. You may only use one at a time.');
-    }
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(ModalFooter, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          noPadding = _this$props.noPadding,
-          children = _this$props.children,
-          html = _this$props.html;
-      var content = html ? /*#__PURE__*/_react.default.createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: html
-        }
-      }) : children;
-      var classes = (0, _classnames.default)('Modal-footer', {
-        'Modal-footer-flush': noPadding
-      }, className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this2._container = node;
-        },
-        className: classes
-      }, content);
-    }
-  }]);
-  return ModalFooter;
-}(_react.Component);
-
-exports.default = ModalFooter;

package/v1/components/Modal/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _Modal2.default;
-  }
-});
-Object.defineProperty(exports, "ModalContent", {
-  enumerable: true,
-  get: function get() {
-    return _ModalContent2.default;
-  }
-});
-Object.defineProperty(exports, "ModalFooter", {
-  enumerable: true,
-  get: function get() {
-    return _ModalFooter2.default;
-  }
-});
-
-var _Modal2 = _interopRequireDefault(require("./Modal"));
-
-var _ModalContent2 = _interopRequireDefault(require("./ModalContent"));
-
-var _ModalFooter2 = _interopRequireDefault(require("./ModalFooter"));

package/v1/components/Panel/Panel.js

@@ -1,209 +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 _isNil = _interopRequireDefault(require("lodash/isNil"));
-
-var _isString = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactCollapse = require("react-collapse");
-
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
-
-var _chevronUp = _interopRequireDefault(require("@spothero/icons/chevron-up"));
-
-var _Button = _interopRequireDefault(require("../Button/Button"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-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; } }
-
-(0, _deprecate.default)({
-  name: 'Panel',
-  newName: 'Accordion',
-  changes: ['---- Props ----', 'Use allowMultiple to let multiple items show as expanded at a time', 'Use allowToggle to allow items within the accordion, so any expanded accordion item can be collapsed again', 'instead of isOpen now use, defaultIndex, index to achieve the same effect', 'Use defaultIndex to set the initial index(es) of the expanded accordion item', 'Use index to set the index(es) of the expanded accordion item', 'onChange is the callback invoked when accordion items are expanded or collapsed', 'Use isDisabled to disable an AccordionItem', 'Use isFocusable to allow an AccordionItem to be focusable', 'The pseudo style props _expanded, _disabled, _hover can be passed into the AccordionButton to style it', '---- Changes in v2 component  ----', 'Accordion (v2) now uses multiple components in order to parody this component', 'In Accordion (v2), there is no longer the option to pass in a custom icon', 'In Accordion (v2), the Title and Icon are now placed as children of AccordionButton component to enable the whole row to be clickable', 'The AccordionButton should be placed within a Heading component for markup and styling (v2/components/Heading)', 'In Accordion (v2), the Text is now a child of the AccordionPanel component', 'In order to add styles/markup to the text, it should be placed within a Text component (v2/components/Text)', 'Both AccordionPanel and AccordionIcon are children of AccordionItem', 'In Accordion (v2), showTitleToggle has been removed', 'In Accordion (v2), preview has been removed', 'onOpen and onClose are no longer needed in the v2 component', '---- Additional Information ----', 'new props are documented at: https://chakra-ui.com/docs/disclosure/accordion']
-});
-
-var Panel = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Panel, _Component);
-
-  var _super = _createSuper(Panel);
-
-  function Panel() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Panel);
-
-    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", {
-      isOpen: _this.props.isOpen || false,
-      prevIsOpen: false,
-      heightReady: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onMeasure", function () {
-      _this.setState({
-        heightReady: true
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onToggle", function (evt) {
-      evt.preventDefault();
-
-      _this.setState(function (prevState, props) {
-        var isOpen = prevState.isOpen;
-        return {
-          isOpen: !isOpen,
-          prevIsOpen: isOpen
-        };
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Panel, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props = this.props,
-          onOpen = _this$props.onOpen,
-          onClose = _this$props.onClose;
-      var isOpen = this.state.isOpen;
-      var prevIsOpen = prevState.isOpen;
-
-      if (onOpen && isOpen && !prevIsOpen) {
-        onOpen();
-      }
-
-      if (onClose && !isOpen && prevIsOpen) {
-        onClose();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          title = _this$props2.title,
-          children = _this$props2.children,
-          showTitleToggle = _this$props2.showTitleToggle,
-          preview = _this$props2.preview,
-          additionalTitleMarkup = _this$props2.additionalTitleMarkup,
-          openIcon = _this$props2.openIcon,
-          closeIcon = _this$props2.closeIcon;
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          heightReady = _this$state.heightReady;
-      var classes = (0, _classnames.default)('Panel', {
-        'Panel-with-preview': preview
-      }, {
-        'Panel-open': isOpen
-      }, className);
-      var contentClasses = (0, _classnames.default)('Panel-content', {
-        'Panel-content-hidden': !heightReady
-      });
-      var showPreview = !(0, _isNil.default)(preview) && !isOpen;
-      var panelTitle = (0, _isString.default)(title) ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-title-heading"
-      }, title) : title;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-title"
-      }, showTitleToggle ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Panel-toggle",
-        onClick: this._onToggle
-      }, panelTitle, isOpen ? closeIcon : openIcon) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, panelTitle, additionalTitleMarkup)), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-        isOpened: isOpen || showPreview,
-        onMeasure: this._onMeasure,
-        springConfig: {
-          stiffness: 300,
-          damping: 25
-        }
-      }, isOpen && /*#__PURE__*/_react.default.createElement("div", {
-        className: contentClasses
-      }, children), showPreview && /*#__PURE__*/_react.default.createElement("div", {
-        className: "Panel-preview"
-      }, preview)));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var nextIsOpen = nextProps.isOpen,
-          nextShowTitleToggle = nextProps.showTitleToggle;
-      var isOpen = prevState.isOpen,
-          prevIsOpen = prevState.prevIsOpen;
-      var isOpenStateEqualsNextProp = isOpen === nextIsOpen; // when showTitleToggle is true, we don't want Panel controlled externally
-
-      if (!nextShowTitleToggle && isOpen !== prevIsOpen && isOpenStateEqualsNextProp) {
-        // toggled internal state change
-        return {
-          isOpen: isOpen,
-          prevIsOpen: prevIsOpen
-        };
-      } else if (!nextShowTitleToggle && !isOpenStateEqualsNextProp) {
-        // state change happening because of props change by external component
-        return {
-          isOpen: nextIsOpen,
-          prevIsOpen: isOpen
-        };
-      }
-
-      return null;
-    }
-  }]);
-  return Panel;
-}(_react.Component);
-
-(0, _defineProperty2.default)(Panel, "defaultProps", {
-  openIcon: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-    className: "Icon-chevron-down"
-  }),
-  closeIcon: /*#__PURE__*/_react.default.createElement(_chevronUp.default, {
-    className: "Icon-chevron-up"
-  })
-});
-var _default = Panel;
-exports.default = _default;