@ndla/ui 19.1.1 → 20.0.2

package/lib/TreeStructure/arrowNavigation.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.arrowNavigation = void 0;
+
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var navigateVertical = function navigateVertical(visibleFolders, folderId, setFocusedFolderId, direction) {
+  var currentIndex = visibleFolders.findIndex(function (id) {
+    return id === folderId;
+  });
+  var target = visibleFolders[currentIndex + direction];
+
+  if (target !== undefined) {
+    setFocusedFolderId(target);
+  }
+};
+
+var arrowKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+
+var arrowNavigation = function arrowNavigation(e, id, visibleFolders, setFocusedFolderId, onOpen, onClose) {
+  if (!arrowKeys.includes(e.key)) {
+    return;
+  }
+
+  e.preventDefault();
+  e.stopPropagation();
+
+  switch (e.key) {
+    case 'ArrowUp':
+      return navigateVertical(visibleFolders, id, setFocusedFolderId, -1);
+
+    case 'ArrowDown':
+      return navigateVertical(visibleFolders, id, setFocusedFolderId, 1);
+
+    case 'ArrowLeft':
+      return onClose(id);
+
+    case 'ArrowRight':
+      return onOpen(id);
+
+    default:
+      return;
+  }
+};
+
+exports.arrowNavigation = arrowNavigation;

package/lib/TreeStructure/helperFunctions.d.ts

@@ -1,5 +1,4 @@
 import { FolderStructureProps } from './TreeStructure.types';
-declare const getPathOfFolder: (data: FolderStructureProps[], findId: string) => string[];
-declare const getIdPathsOfFolder: (data: FolderStructureProps[], findId: string) => number[];
-declare const getFolderName: (data: FolderStructureProps[], findId: string | undefined) => string | undefined;
-export { getPathOfFolder, getIdPathsOfFolder, getFolderName };
+export declare const getPathOfFolder: (data: FolderStructureProps[], findId: string) => string[];
+export declare const getFolderName: (data: FolderStructureProps[], findId: string | undefined) => string | undefined;
+export declare const flattenFolders: (folders: FolderStructureProps[], openFolders?: string[] | undefined) => FolderStructureProps[];

package/lib/TreeStructure/helperFunctions.js

@@ -3,7 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFolderName = exports.getIdPathsOfFolder = exports.getPathOfFolder = void 0;
+exports.flattenFolders = exports.getFolderName = exports.getPathOfFolder = void 0;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -20,20 +30,20 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var getPathOfFolder = function getPathOfFolder(data, findId) {
-  var paths = function paths(dataChildren, path) {
-    var _iterator = _createForOfIteratorHelper(dataChildren),
+  var paths = function paths(folders, path) {
+    var _iterator = _createForOfIteratorHelper(folders),
         _step;
 
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var _step$value = _step.value,
             id = _step$value.id,
-            dataChildrenSub = _step$value.data;
+            subfolders = _step$value.subfolders;
 
         if (id === findId) {
           return [].concat(_toConsumableArray(path), [id]);
-        } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-          return paths(dataChildrenSub, [].concat(_toConsumableArray(path), [id]));
+        } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
+          return paths(subfolders, [].concat(_toConsumableArray(path), [id]));
         }
       }
     } catch (err) {
@@ -50,28 +60,6 @@ var getPathOfFolder = function getPathOfFolder(data, findId) {
 
 exports.getPathOfFolder = getPathOfFolder;
 
-var getIdPathsOfFolder = function getIdPathsOfFolder(data, findId) {
-  var currentPath = [];
-
-  var paths = function paths(dataChildren, path) {
-    dataChildren.forEach(function (_ref, _index) {
-      var id = _ref.id,
-          dataChildrenSub = _ref.data;
-
-      if (id === findId) {
-        currentPath = [].concat(_toConsumableArray(path), [_index]);
-      } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-        paths(dataChildrenSub, [].concat(_toConsumableArray(path), [_index]));
-      }
-    });
-  };
-
-  paths(data, []);
-  return currentPath;
-};
-
-exports.getIdPathsOfFolder = getIdPathsOfFolder;
-
 var getFolderName = function getFolderName(data, findId) {
   if (!findId) {
     return undefined;
@@ -80,16 +68,16 @@ var getFolderName = function getFolderName(data, findId) {
   var folderName;
 
   var paths = function paths(dataChildren) {
-    dataChildren.some(function (_ref2, _index) {
-      var id = _ref2.id,
-          name = _ref2.name,
-          dataChildrenSub = _ref2.data;
+    dataChildren.some(function (_ref, _index) {
+      var id = _ref.id,
+          name = _ref.name,
+          subfolders = _ref.subfolders;
 
       if (id === findId) {
         folderName = name;
         return true;
-      } else if (dataChildrenSub === null || dataChildrenSub === void 0 ? void 0 : dataChildrenSub.length) {
-        return paths(dataChildrenSub);
+      } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
+        return paths(subfolders);
       }
 
       return false;
@@ -100,4 +88,26 @@ var getFolderName = function getFolderName(data, findId) {
   return folderName;
 };
 
-exports.getFolderName = getFolderName;
+exports.getFolderName = getFolderName;
+
+var flattenFolders = function flattenFolders(folders, openFolders) {
+  return folders.reduce(function (acc, _ref2) {
+    var subfolders = _ref2.subfolders,
+        id = _ref2.id,
+        rest = _objectWithoutProperties(_ref2, ["subfolders", "id"]);
+
+    if (!subfolders || openFolders && !openFolders.includes(id)) {
+      return acc.concat(_objectSpread({
+        subfolders: subfolders,
+        id: id
+      }, rest));
+    }
+
+    return acc.concat(_objectSpread({
+      subfolders: subfolders,
+      id: id
+    }, rest), flattenFolders(subfolders, openFolders));
+  }, []);
+};
+
+exports.flattenFolders = flattenFolders;