@atlaskit/side-navigation/dist/cjs/components/LoadingItems/index.js

A highly composable side navigation component that supports nested views.

/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LoadingItems = void 0;
require("./index.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
/**
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */

var baseMotionStyles = null;
var enteringStyles = null;

/**
 * __Loading items__
 *
 * Loading items conditionally render based on the useShouldNestedElementRender() hook.
 *
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */
var LoadingItems = exports.LoadingItems = function LoadingItems(_ref) {
  var children = _ref.children,
    isLoading = _ref.isLoading,
    fallback = _ref.fallback,
    testId = _ref.testId;
  var _useShouldNestedEleme = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),
    shouldRender = _useShouldNestedEleme.shouldRender;
  if (!shouldRender) {
    return children;
  }
  return /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, null, /*#__PURE__*/_react.default.createElement(_fadeIn.default, {
    key: "loading-section-".concat(isLoading),
    duration: "medium"
  }, function (motion, state) {
    return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, motion, {
      "data-testid": testId && "".concat(testId, "--").concat(state),
      className: (0, _runtime.ax)(["_kqswstnw _1pbykb7n _154iidpf _1xi2idpf _1ltvidpf", state === 'entering' && "_kqswpfqs _1pbycs5v"])
    }), isLoading ? fallback : children);
  }));
};