function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
import Folder from './Folder';
import CollectionTreeSkeleton from './CollectionTreeSkeletion';
import Styled from './CollectionVirtualFoldersTree.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { createElement as _createElement } from "react";
var Tree = function Tree(_ref) {
  var activeCollectionVirtualFolders = _ref.activeCollectionVirtualFolders,
    activeCollectionVirtualFolder = _ref.activeCollectionVirtualFolder,
    isActiveCollectionVirtualFoldersLoading = _ref.isActiveCollectionVirtualFoldersLoading,
    activateFolder = _ref.activateFolder,
    searchTerm = _ref.searchTerm;
  /**
   * Main value is stored in activeCollectionVirtualFoldersPath global state but we use extra state level to avoid delay between click on virtual folder and activation.
   * Hence the only reason of having extra state level is better UI performance.
   *
   * TODO Vitaly: Check this part. It doesn't optimise performance.
   */
  // const [activePath, setActivePath] = useState(activeCollectionVirtualFoldersPath)

  // useEffect(() => {
  //   setActivePath(activeCollectionVirtualFoldersPath)
  // }, [activeCollectionVirtualFoldersPath])

  var folderCommonProps = {
    activeFolder: activeCollectionVirtualFolder,
    activateFolder: activateFolder
  };
  if (isActiveCollectionVirtualFoldersLoading) {
    return /*#__PURE__*/_jsx(CollectionTreeSkeleton, {});
  }
  return /*#__PURE__*/_jsx(Styled.Container, {
    children: (activeCollectionVirtualFolders || []).map(function (folder) {
      return /*#__PURE__*/_createElement(Folder, _objectSpread(_objectSpread({}, folderCommonProps), {}, {
        key: folder === null || folder === void 0 ? void 0 : folder.name,
        folder: folder,
        name: folder === null || folder === void 0 ? void 0 : folder.name,
        childrenFolders: folder === null || folder === void 0 ? void 0 : folder.children,
        expandedByDefault: (activeCollectionVirtualFolder === null || activeCollectionVirtualFolder === void 0 ? void 0 : activeCollectionVirtualFolder.path) === (folder === null || folder === void 0 ? void 0 : folder.path),
        forceExpanded: Boolean(searchTerm)
      }));
    })
  });
};
export default Tree;