1 line
9.0 KiB
JSON
1 line
9.0 KiB
JSON
{"ast":null,"code":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _reactTransitionGroup = require(\"react-transition-group\");\n\nvar _emotion = require(\"emotion\");\n\nvar _Spinner = _interopRequireDefault(require(\"./components/Spinner\"));\n\nvar _styles = _interopRequireDefault(require(\"./styles\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar LoadingOverlayWrapper = /*#__PURE__*/function (_Component) {\n _inherits(LoadingOverlayWrapper, _Component);\n\n function LoadingOverlayWrapper(props) {\n var _this;\n\n _classCallCheck(this, LoadingOverlayWrapper);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(LoadingOverlayWrapper).call(this, props));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getStyles\", function (key, providedState) {\n var base = _styles.default[key](providedState, _this.props);\n\n var custom = _this.props.styles[key];\n if (!custom) return base;\n return typeof custom === 'function' ? custom(base, _this.props) : custom;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"cx\", function (names) {\n var arr = Array.isArray(names) ? names : [names];\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return _emotion.cx.apply(void 0, _toConsumableArray(arr.map(function (name) {\n return name ? \"\".concat(_this.props.classNamePrefix).concat(name) : '';\n })).concat(args));\n });\n\n _this.wrapper = _react.default.createRef();\n _this.state = {\n overflowCSS: {}\n };\n return _this;\n }\n\n _createClass(LoadingOverlayWrapper, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var wrapperStyle = window.getComputedStyle(this.wrapper.current);\n var overflowCSS = ['overflow', 'overflowX', 'overflowY'].reduce(function (m, i) {\n if (wrapperStyle[i] !== 'visible') m[i] = 'hidden';\n return m;\n }, {});\n this.setState({\n overflowCSS: overflowCSS\n });\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var active = this.props.active;\n if (active) this.wrapper.current.scrollTop = 0;\n }\n /**\n * Return an emotion css object for a given element key\n * If a custom style was provided via props, run it with\n * the base css obj.\n */\n\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var overflowCSS = this.state.overflowCSS;\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n onClick = _this$props.onClick,\n active = _this$props.active,\n fadeSpeed = _this$props.fadeSpeed,\n spinner = _this$props.spinner,\n text = _this$props.text;\n return _react.default.createElement(\"div\", {\n \"data-testid\": \"wrapper\",\n ref: this.wrapper,\n className: this.cx(['wrapper', active && 'wrapper--active'], (0, _emotion.css)(this.getStyles('wrapper', active ? overflowCSS : {})), className)\n }, _react.default.createElement(_reactTransitionGroup.CSSTransition, {\n in: active,\n classNames: \"_loading-overlay-transition\",\n timeout: fadeSpeed,\n unmountOnExit: true\n }, function (state) {\n return _react.default.createElement(\"div\", {\n \"data-testid\": \"overlay\",\n className: _this2.cx('overlay', (0, _emotion.css)(_this2.getStyles('overlay', state))),\n onClick: onClick\n }, _react.default.createElement(\"div\", {\n className: _this2.cx('content', (0, _emotion.css)(_this2.getStyles('content')))\n }, spinner && (typeof spinner === 'boolean' ? _react.default.createElement(_Spinner.default, {\n cx: _this2.cx,\n getStyles: _this2.getStyles\n }) : spinner), text));\n }), children);\n }\n }]);\n\n return LoadingOverlayWrapper;\n}(_react.Component);\n\nLoadingOverlayWrapper.propTypes = {\n active: _propTypes.default.bool,\n fadeSpeed: _propTypes.default.number,\n onClick: _propTypes.default.func,\n className: _propTypes.default.string,\n classNamePrefix: _propTypes.default.string,\n spinner: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n text: _propTypes.default.node,\n styles: _propTypes.default.shape({\n content: _propTypes.default.function,\n overlay: _propTypes.default.function,\n spinner: _propTypes.default.function,\n wrapper: _propTypes.default.function\n })\n};\nLoadingOverlayWrapper.defaultProps = {\n classNamePrefix: '_loading_overlay_',\n fadeSpeed: 500,\n styles: {}\n};\nvar _default = LoadingOverlayWrapper;\nexports.default = _default;","map":null,"metadata":{},"sourceType":"script"} |