@atlaskit/dynamic-table/dist/cjs/components/loading-container.js

A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
var _container = require("../styled/container");
var _contentsContainer = require("../styled/contents-container");
var _spinnerContainer = require("../styled/spinner-container");
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
// eslint-disable-next-line @repo/internal/react/no-class-components
var LoadingContainer = exports.default = /*#__PURE__*/function (_React$Component) {
  function LoadingContainer() {
    (0, _classCallCheck2.default)(this, LoadingContainer);
    return _callSuper(this, LoadingContainer, arguments);
  }
  (0, _inherits2.default)(LoadingContainer, _React$Component);
  return (0, _createClass2.default)(LoadingContainer, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
        children = _this$props.children,
        isLoading = _this$props.isLoading,
        spinnerSize = _this$props.spinnerSize,
        contentsOpacity = _this$props.contentsOpacity,
        testId = _this$props.testId,
        loadingLabel = _this$props.loadingLabel;
      return /*#__PURE__*/_react.default.createElement(_container.Container, {
        testId: testId
      }, !isLoading ? children : /*#__PURE__*/_react.default.createElement(_contentsContainer.ContentsContainer, {
        contentsOpacity: contentsOpacity,
        testId: testId
      }, children), isLoading && /*#__PURE__*/_react.default.createElement(_spinnerContainer.SpinnerContainer, {
        testId: testId
      }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
        size: spinnerSize,
        testId: testId && "".concat(testId, "--loadingSpinner"),
        label: loadingLabel
      })));
    }
  }]);
}(_react.default.Component);
(0, _defineProperty2.default)(LoadingContainer, "defaultProps", {
  isLoading: true,
  spinnerSize: 'large',
  contentsOpacity: 0.22,
  loadingLabel: 'Loading table'
});