@scaleflex/widget-explorer 4.3.0 → 4.4.0

package/lib/components/FoldersView/FoldersTree/FoldersTreeListItem.js

@@ -1,270 +0,0 @@
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useContextMenu } from '@scaleflex/widget-core/lib/hooks';
-import ignoreEvent from '@scaleflex/widget-utils/lib/ignoreEvent';
-import { CONTEXTMENU_MODES } from '@scaleflex/widget-utils/lib/constants';
-import handlePromise from '@scaleflex/widget-utils/lib/handlePromise';
-import { EllipsedText } from '@scaleflex/ui/core';
-import { checkFileOrFolderNameValidation } from '@scaleflex/widget-utils/lib/checkFileOrFolderNameValidation';
-import FoldersTreeList from './FoldersTreeList';
-import { selectFolderTreeFolderByUuid, toggleFolderExpansion } from '../../../slices/foldersTree.slice';
-import { openFolderByPath, renameFolder, selectCurrentFolder } from '../../../slices/folders.slice';
-import DnD from '../../DnD';
-import { itemRenameOpened, selectIsRenameItemFromSidebar, selectRenameItemFor } from '../../../slices/panels.slice';
-import { useExplorerI18n, useExplorerInformer } from '../../../hooks';
-import Styled from './FoldersTree.styled';
-
-// only `uuid` is the required one, other props for customization/extending the functionality.
-// disabledFoldersUuids => used to disable/lock operations for the folders with the uuids found in the array (not expandable/selectable/clickable...etc.)
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var FoldersTreeListItem = function FoldersTreeListItem(props) {
-  var uuid = props.uuid,
-    icon = props.icon,
-    onFolderClick = props.onFolderClick,
-    _props$setShowAddFold = props.setShowAddFolderInput,
-    setShowAddFolderInput = _props$setShowAddFold === void 0 ? function () {} : _props$setShowAddFold,
-    _props$showAddFolderI = props.showAddFolderInput,
-    showAddFolderInput = _props$showAddFolderI === void 0 ? false : _props$showAddFolderI,
-    openFolderOnDblClick = props.openFolderOnDblClick,
-    _props$disabledFolder = props.disabledFoldersUuids,
-    disabledFoldersUuids = _props$disabledFolder === void 0 ? [] : _props$disabledFolder,
-    _props$noDrag = props.noDrag,
-    noDrag = _props$noDrag === void 0 ? false : _props$noDrag,
-    _props$noContextMenu = props.noContextMenu,
-    noContextMenu = _props$noContextMenu === void 0 ? false : _props$noContextMenu,
-    _props$selectedPath = props.selectedPath,
-    selectedPath = _props$selectedPath === void 0 ? null : _props$selectedPath,
-    setNewFolderName = props.setNewFolderName,
-    isNewFolderInputError = props.isNewFolderInputError,
-    addFolder = props.addFolder;
-  var dispatch = useDispatch();
-  var triggerContextMenu = useContextMenu();
-  var info = useExplorerInformer();
-  var i18n = useExplorerI18n();
-  var folder = useSelector(function (state) {
-    return selectFolderTreeFolderByUuid(state, uuid);
-  });
-  var isCurrentFolder = useSelector(function (state) {
-    return selectCurrentFolder(state).uuid === uuid;
-  });
-  var isRenaming = useSelector(function (state) {
-    return selectIsRenameItemFromSidebar(state) && selectRenameItemFor(state) === uuid;
-  });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isRenameLoading = _useState2[0],
-    setIsRenameLoading = _useState2[1];
-  if (!folder) {
-    return null;
-  }
-  var name = folder.name,
-    path = folder.path,
-    childrenUuids = folder.childrenUuids,
-    isExpanded = folder.isExpanded,
-    isLoaded = folder.isLoaded,
-    loading = folder.loading,
-    parentUuid = folder.parentUuid;
-  var isSelected = selectedPath ? selectedPath === path : isCurrentFolder;
-  var isDisabled = disabledFoldersUuids.includes(uuid);
-  var handleFolderClick = function handleFolderClick() {
-    if (isDisabled || isRenameLoading || loading) {
-      return;
-    }
-    if (typeof onFolderClick === 'function') {
-      onFolderClick(folder);
-      return;
-    }
-    dispatch(openFolderByPath({
-      folderPath: path
-    }));
-  };
-  var openFolderContextMenu = function openFolderContextMenu(event) {
-    if (noContextMenu || isDisabled || loading) {
-      return;
-    }
-    triggerContextMenu({
-      event: event,
-      mode: CONTEXTMENU_MODES.FOLDER,
-      itemsPropName: 'folderTree',
-      foldersUuids: [uuid],
-      items: [folder],
-      // as there is a possibility that the folder won't be inside (folders's Slice).entities then we are providing it as item
-      fromSidebar: true
-    });
-  };
-  var loadFolderChildren = function loadFolderChildren(e) {
-    e.stopPropagation();
-    var isBaseFolder = !parentUuid;
-    if (loading || isBaseFolder || isRenameLoading) {
-      return;
-    }
-    dispatch(toggleFolderExpansion(uuid));
-  };
-  var handleRenameInputKeyUp = function handleRenameInputKeyUp(event) {
-    var eventKey = event.key.toLowerCase();
-    if (eventKey === 'escape') {
-      dispatch(itemRenameOpened(null));
-      return;
-    }
-    if (eventKey !== 'enter') {
-      return;
-    }
-    handleFolderRenaming(event);
-  };
-  var handleFolderRenaming = function handleFolderRenaming(event) {
-    if (isRenameLoading || loading) {
-      return;
-    }
-    var newName = event.target.value;
-    var oldName = folder.name;
-    if (!newName || newName === oldName) {
-      dispatch(itemRenameOpened(null));
-      return;
-    }
-    if (checkFileOrFolderNameValidation(newName)) {
-      info(i18n('mutualizedFolderInvalidNameError'));
-    } else if (newName) {
-      setIsRenameLoading(true);
-      handlePromise(dispatch(renameFolder({
-        uuid: uuid,
-        name: newName
-      })), function () {
-        return info(i18n('mutualizedRenamedSuccessfullyInfo'), 'success');
-      }, undefined, function () {
-        setIsRenameLoading(false);
-        dispatch(itemRenameOpened(null));
-      });
-    } else if (newName === '') {
-      // 'else if' not 'else' Cuz maybe the user would cancel then we don't need to show the msg.
-      info(i18n('explorerInvalidNameInfo'));
-    }
-  };
-  var handleKeyUp = function handleKeyUp(event) {
-    if (!selectedPath) {
-      return;
-    }
-    var folderName = event.target.value;
-    var key = event.key,
-      currentTarget = event.currentTarget;
-    event.stopPropagation();
-    if (key === 'Enter') {
-      currentTarget.disabled = true;
-      addFolder({
-        selectedPath: selectedPath,
-        folderName: folderName,
-        onSuccess: function onSuccess(folder) {
-          if (typeof setShowAddFolderInput === 'function') {
-            setShowAddFolderInput();
-          }
-          onFolderClick(folder);
-        },
-        onError: function onError() {
-          currentTarget.disabled = false;
-          currentTarget.focus();
-        }
-      });
-    }
-    if (key === 'Escape' && typeof setShowAddFolderInput === 'function') {
-      setShowAddFolderInput();
-    }
-  };
-  var renderDefaultIcon = function renderDefaultIcon() {
-    return !loading ? /*#__PURE__*/_jsx(Styled.ArrowWrapper, {
-      hideTick: isLoaded && childrenUuids.length === 0,
-      isExpanded: isExpanded,
-      children: /*#__PURE__*/_jsx(Styled.ArrowIcon, {
-        size: 11
-      })
-    }) : /*#__PURE__*/_jsx(Styled.LoadingIcon, {});
-  };
-  var renderRenameInput = function renderRenameInput() {
-    return /*#__PURE__*/_jsx("input", {
-      type: "text",
-      ref: function ref(target) {
-        if (target) {
-          target.focus();
-        }
-      },
-      style: {
-        width: 'calc(100% - 16px)',
-        fontSize: 13
-      },
-      defaultValue: name,
-      onKeyUp: handleRenameInputKeyUp,
-      onKeyDown: ignoreEvent,
-      onClick: ignoreEvent,
-      onDoubleClick: ignoreEvent,
-      onContextMenu: ignoreEvent,
-      onBlur: handleFolderRenaming,
-      disabled: isRenameLoading
-    });
-  };
-  var renderNewFolderInput = function renderNewFolderInput() {
-    return /*#__PURE__*/_jsx(Styled.NewFolderInput, {
-      type: "text",
-      defaultValue: i18n('explorerNewFolderPlaceholder') || 'New folder',
-      onChange: function onChange(event) {
-        return setNewFolderName(event.target.value);
-      },
-      ref: function ref(target) {
-        if (target) {
-          target.focus();
-        }
-      },
-      onKeyUp: handleKeyUp,
-      onKeyDown: ignoreEvent,
-      onClick: ignoreEvent,
-      onDoubleClick: ignoreEvent,
-      onContextMenu: ignoreEvent,
-      isNewFolderInputError: isNewFolderInputError
-    });
-  };
-  var disableDrag = noDrag || isRenaming;
-  return /*#__PURE__*/_jsxs(Styled.FoldersListItem, {
-    "aria-disabled": isDisabled,
-    "data-testid": "folders-tree-list-item",
-    children: [/*#__PURE__*/_jsx(DnD, {
-      disableDrag: disableDrag || isDisabled || isRenameLoading || loading,
-      item: folder,
-      children: /*#__PURE__*/_jsxs(Styled.Item, {
-        tabIndex: -1,
-        onClick: handleFolderClick,
-        onDoubleClick: openFolderOnDblClick ? loadFolderChildren : undefined,
-        onContextMenu: noContextMenu ? ignoreEvent : openFolderContextMenu,
-        isSelected: isSelected,
-        isLoading: loading,
-        isExpanded: isExpanded,
-        "data-filerobot-focusable-uuid": uuid,
-        children: [/*#__PURE__*/_jsx(Styled.IconWrapper, {
-          onClick: loadFolderChildren,
-          children: !icon || loading ? renderDefaultIcon() : icon
-        }), /*#__PURE__*/_jsx(Styled.LabelWrapper, {
-          children: isRenaming ? renderRenameInput() : /*#__PURE__*/_jsx(Styled.ItemLabel, {
-            children: /*#__PURE__*/_jsx(EllipsedText, {
-              maxLinesCount: 1,
-              children: name
-            })
-          })
-        })]
-      })
-    }), showAddFolderInput && selectedPath && selectedPath === path && renderNewFolderInput(), !isDisabled && isExpanded && isLoaded && (childrenUuids === null || childrenUuids === void 0 ? void 0 : childrenUuids.length) > 0 && /*#__PURE__*/_jsx(Styled.SubFoldersWrapper, {
-      children: /*#__PURE__*/_jsx(FoldersTreeList, _objectSpread(_objectSpread({}, props), {}, {
-        uuids: childrenUuids,
-        noRootFolder: true
-      }))
-    })]
-  });
-};
-export default FoldersTreeListItem;

package/lib/components/FoldersView/FoldersTree/FoldersTreeSearch.js

@@ -1,70 +0,0 @@
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { memo, useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useDebounce } from '@scaleflex/widget-common/lib/hooks';
-import handlePromise from '@scaleflex/widget-utils/lib/handlePromise';
-import Styled from './FoldersTree.styled';
-import { searchFolders } from '../../../slices/folders.slice';
-import { selectFoldersTreeBaseFolder } from '../../../slices/foldersTree.slice';
-import { useExplorerI18n } from '../../../hooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-var FoldersTreeSearch = function FoldersTreeSearch(_ref) {
-  var query = _ref.query,
-    onChange = _ref.onChange,
-    onSuccess = _ref.onSuccess,
-    onFinish = _ref.onFinish,
-    _ref$inputSize = _ref.inputSize,
-    inputSize = _ref$inputSize === void 0 ? 'sm' : _ref$inputSize,
-    _ref$searchInputProps = _ref.searchInputProps,
-    searchInputProps = _ref$searchInputProps === void 0 ? {} : _ref$searchInputProps,
-    fullWidth = _ref.fullWidth,
-    sortBy = _ref.sortBy,
-    sortOrder = _ref.sortOrder;
-  var dispatch = useDispatch();
-  var i18n = useExplorerI18n();
-  var foldersTreeBaseFolderPath = useSelector(function (state) {
-    var _selectFoldersTreeBas;
-    return (_selectFoldersTreeBas = selectFoldersTreeBaseFolder(state)) === null || _selectFoldersTreeBas === void 0 ? void 0 : _selectFoldersTreeBas.path;
-  });
-  var debouncedSearchQuery = useDebounce(query, 250);
-  var triggerFoldersSearch = function triggerFoldersSearch() {
-    return handlePromise(dispatch(searchFolders({
-      query: debouncedSearchQuery,
-      folderPath: foldersTreeBaseFolderPath,
-      skipDispatch: true,
-      sortOrder: sortOrder,
-      sortBy: sortBy
-    })), onSuccess, undefined, onFinish);
-  };
-  useEffect(function () {
-    var abortFn;
-    if (debouncedSearchQuery) {
-      var _triggerFoldersSearch = triggerFoldersSearch(),
-        abort = _triggerFoldersSearch.abort;
-      abortFn = abort;
-    }
-    return function () {
-      if (typeof abortFn === 'function') {
-        abortFn();
-      }
-    };
-  }, [debouncedSearchQuery, sortOrder, sortBy]);
-  return /*#__PURE__*/_jsx(Styled.SearchWrapper, {
-    fullWidth: fullWidth,
-    children: /*#__PURE__*/_jsx(Styled.Search, _objectSpread({
-      background: "primary",
-      size: inputSize,
-      fullWidth: true,
-      placeholder: i18n('commonSearchFoldersPlaceholder'),
-      iconClickStart: triggerFoldersSearch,
-      onChange: onChange,
-      value: query
-    }, searchInputProps))
-  });
-};
-export default /*#__PURE__*/memo(FoldersTreeSearch);

package/lib/components/FoldersView/FoldersTree/FoldersTreeSkeleton.js

@@ -1,23 +0,0 @@
-import { Skeleton } from '@scaleflex/ui/core';
-import Styled from './FoldersTree.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var FoldersTreeSkeleton = function FoldersTreeSkeleton() {
-  return Array(10).fill().map(function (_, index) {
-    return /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(Styled.FoldersTreeSkeletonTitle, {
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          width: 220
-        })
-      }), /*#__PURE__*/_jsx(Styled.FoldersTreeSkeletonSubTitle, {
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          width: 210
-        })
-      }), /*#__PURE__*/_jsx(Styled.FoldersTreeSkeletonInnerSubTitle, {
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          width: 205
-        })
-      })]
-    }, index);
-  });
-};
-export default FoldersTreeSkeleton;

package/lib/components/FoldersView/FoldersTree/NoFoldersResult.js

@@ -1,19 +0,0 @@
-import { NoResult } from '@scaleflex/icons';
-import Styled from './FoldersTree.styled';
-import { useExplorerI18n } from '../../../hooks';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var NoFoldersResult = function NoFoldersResult(_ref) {
-  var margin = _ref.margin;
-  var i18n = useExplorerI18n();
-  return /*#__PURE__*/_jsxs(Styled.NoFolder, {
-    margin: margin,
-    children: [/*#__PURE__*/_jsx(NoResult, {
-      size: 150
-    }), /*#__PURE__*/_jsx(Styled.NoResultLabel, {
-      children: i18n('folderTreeNoResult')
-    }), /*#__PURE__*/_jsx(Styled.NoResultSubLabel, {
-      children: i18n('folderTreeTryAnotherSearch')
-    })]
-  });
-};
-export default NoFoldersResult;

package/lib/components/FoldersView/FoldersTree/SearchedFoldersItem.js

@@ -1,113 +0,0 @@
-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); }
-var _excluded = ["onFolderClick", "folder", "folderUuid", "searchQuery", "disabledFoldersUuids", "noHover", "noHorizontalPadding", "enableContextMenu", "disabled"];
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { useDispatch, useSelector } from 'react-redux';
-import { Folder } from '@scaleflex/icons';
-import { useTheme } from '@scaleflex/ui/theme/hooks';
-import { TooltipV2, TextWithHighlights } from '@scaleflex/ui/core';
-import { useContextMenu } from '@scaleflex/widget-core/lib/hooks';
-import { CONTEXTMENU_MODES } from '@scaleflex/widget-utils/lib/constants';
-import Styled from './FoldersTree.styled';
-import { openFolderByPath, selectCurrentFolder } from '../../../slices/folders.slice';
-import { selectFolderTreeFolderByUuid } from '../../../slices/foldersTree.slice';
-
-// provide folder object or folderUuid.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var SearchedFoldersItem = function SearchedFoldersItem(_ref) {
-  var onFolderClick = _ref.onFolderClick,
-    folder = _ref.folder,
-    folderUuid = _ref.folderUuid,
-    _ref$searchQuery = _ref.searchQuery,
-    searchQuery = _ref$searchQuery === void 0 ? '' : _ref$searchQuery,
-    _ref$disabledFoldersU = _ref.disabledFoldersUuids,
-    disabledFoldersUuids = _ref$disabledFoldersU === void 0 ? [] : _ref$disabledFoldersU,
-    _ref$noHover = _ref.noHover,
-    noHover = _ref$noHover === void 0 ? false : _ref$noHover,
-    _ref$noHorizontalPadd = _ref.noHorizontalPadding,
-    noHorizontalPadding = _ref$noHorizontalPadd === void 0 ? false : _ref$noHorizontalPadd,
-    _ref$enableContextMen = _ref.enableContextMenu,
-    enableContextMenu = _ref$enableContextMen === void 0 ? false : _ref$enableContextMen,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var dispatch = useDispatch();
-  var theme = useTheme();
-  var triggerContextMenu = useContextMenu();
-  var currentFolder = useSelector(function (state) {
-    return folder || selectFolderTreeFolderByUuid(state, folderUuid);
-  });
-  var isCurrentFolder = useSelector(function (state) {
-    return selectCurrentFolder(state).uuid === (currentFolder === null || currentFolder === void 0 ? void 0 : currentFolder.uuid);
-  });
-  if (!currentFolder || Object.keys(currentFolder).length === 0) {
-    return null;
-  }
-  var name = currentFolder.name,
-    path = currentFolder.path,
-    uuid = currentFolder.uuid;
-  var isDisabled = disabled || disabledFoldersUuids.includes(uuid);
-  var handleFolderClick = function handleFolderClick() {
-    if (isDisabled) {
-      return;
-    }
-    if (typeof onFolderClick === 'function') {
-      onFolderClick(currentFolder);
-      return;
-    }
-    dispatch(openFolderByPath({
-      folderPath: path,
-      fetchFoldersTreeInBubble: true
-    }));
-  };
-  var openFolderContextMenu = function openFolderContextMenu(event) {
-    if (isDisabled) {
-      return;
-    }
-    triggerContextMenu({
-      event: event,
-      mode: CONTEXTMENU_MODES.FOLDER,
-      itemsPropName: 'folders',
-      foldersUuids: [uuid],
-      items: [currentFolder],
-      fromSidebar: true,
-      fromFolderSearch: true
-    });
-  };
-  return /*#__PURE__*/_jsxs(Styled.ResultFolders, _objectSpread(_objectSpread({
-    onClick: handleFolderClick,
-    noHover: noHover,
-    noHorizontalPadding: noHorizontalPadding,
-    "aria-disabled": isDisabled,
-    onContextMenu: enableContextMenu ? openFolderContextMenu : undefined
-  }, rest['data-testid'] ? {
-    'data-testid': rest['data-testid']
-  } : {}), {}, {
-    children: [/*#__PURE__*/_jsx(Folder, {
-      size: 20,
-      color: theme.palette['icons-secondary']
-    }), /*#__PURE__*/_jsxs(Styled.SelectedFolder, {
-      children: [/*#__PURE__*/_jsx(TooltipV2, {
-        arrow: true,
-        position: "top",
-        size: "md",
-        title: name,
-        children: /*#__PURE__*/_jsx(Styled.SelectedFolderName, {
-          isCurrentFolder: isCurrentFolder,
-          children: /*#__PURE__*/_jsx(TextWithHighlights, {
-            text: name,
-            highlightText: searchQuery
-          })
-        })
-      }), /*#__PURE__*/_jsx(Styled.SelectedFolderPath, {
-        children: path
-      })]
-    })]
-  }));
-};
-export default SearchedFoldersItem;

package/lib/components/FoldersView/FoldersTree/index.js

@@ -1,163 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useEffect, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { NoFolders } from '@scaleflex/icons';
-import { VirtualList } from '@scaleflex/widget-common';
-import FoldersTreeSkeleton from './FoldersTreeSkeleton';
-import Styled from './FoldersTree.styled';
-import FoldersTreeHeader from './FoldersTreeHeader';
-import { useExplorerI18n } from '../../../hooks';
-import { bubbleFetchFoldersTree, foldersTreeFoldersUpdated, selectFoldersTreeIsLoadTriggered, selectFoldersTreeLoading, selectFoldersTreeRootsUuids } from '../../../slices/foldersTree.slice';
-import NoFoldersResult from './NoFoldersResult';
-import SearchedFoldersItem from './SearchedFoldersItem';
-import FoldersTreeList from './FoldersTreeList';
-// TODO: Check if we need to keep this there or moved to somewhere?
-import FoldersSkeleton from '../../Filters/Groups/Folders/FoldersSkeleton';
-import { selectBaseFolderPath } from '../../../slices/folders.slice';
-import { selectIsFoldersView } from '../../../slices/views.slice';
-
-// Nothing of those props is required, they exists for extending/customizing functionality only.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var FoldersTree = function FoldersTree(_ref) {
-  var hideHeader = _ref.hideHeader,
-    onFolderClick = _ref.onFolderClick,
-    _ref$selectedPath = _ref.selectedPath,
-    selectedPath = _ref$selectedPath === void 0 ? null : _ref$selectedPath,
-    _ref$disabledFoldersU = _ref.disabledFoldersUuids,
-    disabledFoldersUuids = _ref$disabledFoldersU === void 0 ? [] : _ref$disabledFoldersU,
-    setNewFolderName = _ref.setNewFolderName,
-    isNewFolderInputError = _ref.isNewFolderInputError,
-    showAddFolderInput = _ref.showAddFolderInput,
-    setShowAddFolderInput = _ref.setShowAddFolderInput,
-    _ref$openFolderOnDblC = _ref.openFolderOnDblClick,
-    openFolderOnDblClick = _ref$openFolderOnDblC === void 0 ? false : _ref$openFolderOnDblC,
-    _ref$noRootFolder = _ref.noRootFolder,
-    noRootFolder = _ref$noRootFolder === void 0 ? false : _ref$noRootFolder,
-    _ref$enableContextMen = _ref.enableContextMenu,
-    enableContextMenu = _ref$enableContextMen === void 0 ? true : _ref$enableContextMen,
-    addFolder = _ref.addFolder;
-  var dispatch = useDispatch();
-  var i18n = useExplorerI18n();
-  var isFoldersView = useSelector(selectIsFoldersView);
-  var baseFolderPath = useSelector(selectBaseFolderPath);
-  var isFoldersTreeLoadTriggered = useSelector(selectFoldersTreeIsLoadTriggered);
-  var rootFoldersUuids = useSelector(selectFoldersTreeRootsUuids);
-  var isLoading = useSelector(selectFoldersTreeLoading);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchQuery = _useState2[0],
-    setSearchQuery = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchedFolderUuids = _useState4[0],
-    setSearchedFolderUuids = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isSearching = _useState6[0],
-    setIsSearching = _useState6[1];
-  var isNoFoldersFound = rootFoldersUuids.length === 0;
-  useEffect(function () {
-    // if already folders view, then the folders tree is triggered from the folders view activation function.
-    if (!isFoldersTreeLoadTriggered && !isFoldersView) {
-      dispatch(bubbleFetchFoldersTree(baseFolderPath));
-    }
-  }, []);
-  var handleSearchChange = function handleSearchChange(event) {
-    if (isNoFoldersFound) {
-      return;
-    }
-    var value = event.target.value;
-    var hasValue = value && value.length > 0;
-    setIsSearching(hasValue);
-    setSearchQuery(value || '');
-    if (!hasValue) {
-      setSearchedFolderUuids([]);
-    }
-  };
-  var updateSearchedFolders = function updateSearchedFolders(foundFolders) {
-    setSearchedFolderUuids(foundFolders.map(function () {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        uuid = _ref2.uuid;
-      return uuid;
-    }));
-    dispatch(foldersTreeFoldersUpdated({
-      folders: foundFolders,
-      noRootFolders: true,
-      disregardChildren: true
-    }));
-  };
-  var renderFoldersList = function renderFoldersList() {
-    if (isNoFoldersFound) {
-      return /*#__PURE__*/_jsxs(Styled.NoFolder, {
-        children: [/*#__PURE__*/_jsx(NoFolders, {
-          size: 150
-        }), /*#__PURE__*/_jsx(Styled.NoFolderLabel, {
-          children: i18n('folderTreeNoFolders')
-        })]
-      });
-    }
-    if (isSearching) {
-      return /*#__PURE__*/_jsx(FoldersSkeleton, {
-        styles: {
-          width: 288,
-          border: 'none'
-        }
-      });
-    }
-    var noSearchResults = searchQuery && (searchedFolderUuids === null || searchedFolderUuids === void 0 ? void 0 : searchedFolderUuids.length) < 1;
-    if (noSearchResults) {
-      return /*#__PURE__*/_jsx(NoFoldersResult, {});
-    }
-    return /*#__PURE__*/_jsx(Styled.FoldersListWrapper, {
-      hideHeader: hideHeader,
-      "data-testid": "folders-tree-list",
-      children: searchQuery ? /*#__PURE__*/_jsx(VirtualList, {
-        items: searchedFolderUuids,
-        injectedItemPropName: "folderUuid",
-        children: /*#__PURE__*/_jsx(SearchedFoldersItem, {
-          searchQuery: searchQuery,
-          onFolderClick: onFolderClick,
-          "data-testid": "folders-tree-search-results-item",
-          enableContextMenu: enableContextMenu
-        })
-      }) : /*#__PURE__*/_jsx(FoldersTreeList, {
-        uuids: rootFoldersUuids,
-        disabledFoldersUuids: disabledFoldersUuids,
-        onFolderClick: onFolderClick,
-        setNewFolderName: setNewFolderName,
-        openFolderOnDblClick: openFolderOnDblClick,
-        selectedPath: selectedPath,
-        showAddFolderInput: showAddFolderInput,
-        setShowAddFolderInput: setShowAddFolderInput,
-        noRootFolder: noRootFolder,
-        isNewFolderInputError: isNewFolderInputError,
-        noContextMenu: !enableContextMenu,
-        addFolder: addFolder
-      })
-    });
-  };
-  var searchProps = {
-    query: searchQuery,
-    onChange: handleSearchChange,
-    onSuccess: updateSearchedFolders,
-    onFinish: function onFinish() {
-      return setIsSearching(false);
-    },
-    searchInputProps: {
-      disabled: isNoFoldersFound
-    }
-  };
-  return /*#__PURE__*/_jsxs(Styled.FoldersTreeWrapper, {
-    hideHeader: hideHeader,
-    children: [!hideHeader && /*#__PURE__*/_jsx(FoldersTreeHeader, {
-      searchProps: searchProps,
-      hideSort: isNoFoldersFound
-    }), isLoading ? /*#__PURE__*/_jsx(FoldersTreeSkeleton, {}) : renderFoldersList()]
-  });
-};
-export default FoldersTree;