@ndla/ui 18.0.0 → 18.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Masthead/MastheadAuthModal.js +8 -3
- package/es/MyNdla/Resource/Folder.js +7 -7
- package/es/Resource/resourceComponents.js +8 -8
- package/es/TreeStructure/FolderItems.js +3 -3
- package/es/TreeStructure/TreeStructure.js +51 -73
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
- package/es/locale/messages-en.js +1 -0
- package/es/locale/messages-nb.js +1 -0
- package/es/locale/messages-nn.js +1 -0
- package/es/locale/messages-se.js +1 -0
- package/es/locale/messages-sma.js +1 -0
- package/lib/Masthead/MastheadAuthModal.js +14 -7
- package/lib/MyNdla/Resource/Folder.js +7 -7
- package/lib/Resource/resourceComponents.js +8 -8
- package/lib/TreeStructure/FolderItems.js +3 -3
- package/lib/TreeStructure/TreeStructure.js +52 -73
- package/lib/TreeStructure/TreeStructure.types.d.ts +2 -2
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +23 -11
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +1 -1
- package/lib/locale/messages-en.d.ts +1 -0
- package/lib/locale/messages-en.js +1 -0
- package/lib/locale/messages-nb.d.ts +1 -0
- package/lib/locale/messages-nb.js +1 -0
- package/lib/locale/messages-nn.d.ts +1 -0
- package/lib/locale/messages-nn.js +1 -0
- package/lib/locale/messages-se.d.ts +1 -0
- package/lib/locale/messages-se.js +1 -0
- package/lib/locale/messages-sma.d.ts +1 -0
- package/lib/locale/messages-sma.js +1 -0
- package/package.json +2 -2
- package/src/Masthead/MastheadAuthModal.tsx +9 -0
- package/src/MyNdla/Resource/Folder.tsx +1 -1
- package/src/Resource/resourceComponents.tsx +3 -0
- package/src/TreeStructure/FolderItems.tsx +1 -1
- package/src/TreeStructure/TreeStructure.tsx +33 -35
- package/src/TreeStructure/TreeStructure.types.ts +2 -2
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +7 -7
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +1 -1
- package/src/locale/messages-en.ts +1 -0
- package/src/locale/messages-nb.ts +1 -0
- package/src/locale/messages-nn.ts +1 -0
- package/src/locale/messages-se.ts +1 -0
- package/src/locale/messages-sma.ts +1 -0
|
@@ -6,9 +6,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6
6
|
|
|
7
7
|
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; }
|
|
8
8
|
|
|
9
|
-
function
|
|
9
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
10
10
|
|
|
11
|
-
function
|
|
11
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
+
|
|
13
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
14
|
+
|
|
15
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
12
16
|
|
|
13
17
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
18
|
|
|
@@ -35,6 +39,7 @@ import { AddButton } from '@ndla/button';
|
|
|
35
39
|
import Tooltip from '@ndla/tooltip';
|
|
36
40
|
import { useTranslation } from 'react-i18next';
|
|
37
41
|
import { spacing, fonts } from '@ndla/core';
|
|
42
|
+
import { uniq } from 'lodash';
|
|
38
43
|
import TreeStructureStyledWrapper from './TreeStructureWrapper';
|
|
39
44
|
import FolderItems from './FolderItems';
|
|
40
45
|
import { getIdPathsOfFolder, getPathOfFolder, getFolderName } from './helperFunctions';
|
|
@@ -45,14 +50,16 @@ export var MAX_LEVEL_FOR_FOLDERS = 4;
|
|
|
45
50
|
var StyledLabel = _styled("label", {
|
|
46
51
|
target: "e1dg1gdn0",
|
|
47
52
|
label: "StyledLabel"
|
|
48
|
-
})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1dWlkIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0SWRQYXRoc09mRm9sZGVyLCBnZXRQYXRoT2ZGb2xkZXIsIGdldEZvbGRlck5hbWUgfSBmcm9tICcuL2hlbHBlckZ1bmN0aW9ucyc7XG5pbXBvcnQga2V5Ym9hcmROYXZpZ2F0aW9uLCB7IEtFWUJPQVJEX0tFWVNfT0ZfSU5URVJFU1QgfSBmcm9tICcuL2tleWJvYXJkTmF2aWdhdGlvbi9rZXlib2FyZE5hdmlnYXRpb24nO1xuaW1wb3J0IHsgTmV3Rm9sZGVyUHJvcHMsIFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkYXRhLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvcGVuT25Gb2xkZXJDbGljayxcbiAgZnJhbWVkLFxuICBmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCxcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzLFxuICBmb2xkZXJDaGlsZCxcbn06IFRyZWVTdHJ1Y3R1cmVQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuZXdGb2xkZXIsIHNldE5ld0ZvbGRlcl0gPSB1c2VTdGF0ZTxOZXdGb2xkZXJQcm9wcyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXJJZCwgc2V0Rm9jdXNlZEZvbGRlcklkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW21hcmtlZEZvbGRlcklkLCBzZXRNYXJrZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KGZvbGRlcklkTWFya2VkQnlEZWZhdWx0IHx8IGRhdGFbMF0/LmlkKTtcbiAgY29uc3QgdHJlZXN0cnVjdHVyZVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHdyYXBwZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCByb290TGV2ZWxJZCA9IHVzZU1lbW8oKCkgPT4gdXVpZCgpLCBbXSk7IC8vIFRPRE86IHVzZSB1c2VJZCBob29rIHdoZW4gd2UgdXBkYXRlIHRvIFJlYWN0IDE4XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyKHVuZGVmaW5lZCk7XG4gICAgfVxuICB9LCBbbG9hZGluZ10pO1xuXG4gIGNvbnN0IG9uVG9nZ2xlT3BlbiA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgaWYgKG9wZW5Gb2xkZXJzLmluY2x1ZGVzKGlkKSkge1xuICAgICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAgIC8vIElmIHNvLCB3ZSBuZWVkIHRvIG1hcmsgdGhlIGZvbGRlciB3ZSBqdXN0IGNsb3NlZC5cbiAgICAgIGlmIChtYXJrZWRGb2xkZXJJZCkge1xuICAgICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihkYXRhLCBpZCk7XG4gICAgICAgIGNvbnN0IG1hcmtlZEZvbGRlclBhdGggPSBnZXRQYXRoT2ZGb2xkZXIoZGF0YSwgbWFya2VkRm9sZGVySWQpO1xuICAgICAgICBjb25zdCBtYXJrZWRGb2xkZXJJc1N1YlBhdGggPSBjbG9zaW5nRm9sZGVyUGF0aC5ldmVyeShcbiAgICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKG1hcmtlZEZvbGRlcklzU3ViUGF0aCkge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgc2V0T3BlbkZvbGRlcnMob3BlbkZvbGRlcnMuZmlsdGVyKChmb2xkZXIpID0+IGZvbGRlciAhPT0gaWQpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShbLi4ub3BlbkZvbGRlcnMsIGlkXSkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNyZWF0ZU5ld0ZvbGRlciA9IChwcm9wczogeyBpZFBhdGhzOiBudW1iZXJbXTsgcGFyZW50SWQ/OiBzdHJpbmcgfSkgPT4ge1xuICAgIHNldE5ld0ZvbGRlcihwcm9wcyk7XG4gIH07XG5cbiAgY29uc3Qgb25TYXZlTmV3Rm9sZGVyID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICAvLyBXZSB3b3VsZCBsaWtlIHRvIGNyZWF0ZSBhIG5ldyBmb2xkZXIgd2l0aCB0aGUgbmFtZSBvZiB2YWx1ZS5cbiAgICAgIC8vIEl0cyBsb2NhdGlvbiBpbiBzdHJ1Y3R1cmUgaXMgYmFzZWQgb24gbmV3Rm9sZGVyIG9iamVjdFxuICAgICAgb25OZXdGb2xkZXIoeyAuLi5uZXdGb2xkZXIsIHZhbHVlIH0pLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICAgIGlmIChuZXdGb2xkZXJJZCkge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKG5ld0ZvbGRlcklkKTtcbiAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICAgIC8vIE9wZW4gY3VycmVudCBmb2xkZXIgaW4gY2FzZSBpdCB3YXMgY2xvc2VkLi5cblxuICAgICAgICAgIGlmIChuZXdGb2xkZXIucGFyZW50SWQpIHtcbiAgICAgICAgICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEoWy4uLm9wZW5Gb2xkZXJzLCBuZXdGb2xkZXIucGFyZW50SWRdKSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25DYW5jZWxOZXdGb2xkZXIgPSAoKSA9PiB7XG4gICAgc2V0TmV3Rm9sZGVyKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3Qgb25NYXJrRm9sZGVyID0gKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRNYXJrZWRGb2xkZXJJZChpZCk7XG4gICAgc2V0Rm9jdXNlZEZvbGRlcklkKGlkKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17dHJlZXN0cnVjdHVyZVJlZn1cbiAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYuY3VycmVudD8uY29udGFpbnMoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCkgJiYgS0VZQk9BUkRfS0VZU19PRl9JTlRFUkVTVC5pbmNsdWRlcyhlLmtleSkpIHtcbiAgICAgICAgICBrZXlib2FyZE5hdmlnYXRpb24oe1xuICAgICAgICAgICAgZSxcbiAgICAgICAgICAgIGRhdGEsXG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQsXG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVySWQsXG4gICAgICAgICAgICBvblRvZ2dsZU9wZW4sXG4gICAgICAgICAgICBvcGVuRm9sZGVycyxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfX0+XG4gICAgICA8U3R5bGVkTGFiZWwgaHRtbEZvcj17cm9vdExldmVsSWR9PntsYWJlbH08L1N0eWxlZExhYmVsPlxuICAgICAgPFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIHJlZj17d3JhcHBlclJlZn0gaWQ9e3Jvb3RMZXZlbElkfSBhcmlhLWxhYmVsPVwiTWVudSB0cmVlXCIgcm9sZT1cInRyZWVcIiBmcmFtZWQ9e2ZyYW1lZH0+XG4gICAgICAgIDxGb2xkZXJJdGVtc1xuICAgICAgICAgIGlkUGF0aHM9e1tdfVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uVG9nZ2xlT3Blbj17b25Ub2dnbGVPcGVufVxuICAgICAgICAgIG5ld0ZvbGRlcj17bmV3Rm9sZGVyfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgb3BlbkZvbGRlcnM9e29wZW5Gb2xkZXJzfVxuICAgICAgICAgIG1hcmtlZEZvbGRlcklkPXttYXJrZWRGb2xkZXJJZH1cbiAgICAgICAgICBvbk1hcmtGb2xkZXI9e29uTWFya0ZvbGRlcn1cbiAgICAgICAgICBvcGVuT25Gb2xkZXJDbGljaz17b3Blbk9uRm9sZGVyQ2xpY2t9XG4gICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICBmb2N1c2VkRm9sZGVySWQ9e2ZvY3VzZWRGb2xkZXJJZH1cbiAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQ9e3NldEZvY3VzZWRGb2xkZXJJZH1cbiAgICAgICAgICBmaXJzdExldmVsXG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAvPlxuICAgICAgPC9UcmVlU3RydWN0dXJlU3R5bGVkV3JhcHBlcj5cbiAgICAgIHtlZGl0YWJsZSAmJiAoXG4gICAgICAgIDxBZGRGb2xkZXJXcmFwcGVyPlxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICB0b29sdGlwPXt0KCdteU5kbGEubmV3Rm9sZGVyVW5kZXInLCB7XG4gICAgICAgICAgICAgIGZvbGRlck5hbWU6IGdldEZvbGRlck5hbWUoZGF0YSwgbWFya2VkRm9sZGVySWQpLFxuICAgICAgICAgICAgfSl9PlxuICAgICAgICAgICAgPEFkZEJ1dHRvblxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXRocyA9IGdldFBhdGhPZkZvbGRlcihkYXRhLCBtYXJrZWRGb2xkZXJJZCB8fCAnJyk7XG4gICAgICAgICAgICAgICAgY29uc3QgaWRQYXRocyA9IGdldElkUGF0aHNPZkZvbGRlcihkYXRhLCBtYXJrZWRGb2xkZXJJZCB8fCAnJyk7XG4gICAgICAgICAgICAgICAgc2V0TmV3Rm9sZGVyKHsgaWRQYXRocywgcGFyZW50SWQ6IHBhdGhzW3BhdGhzLmxlbmd0aCAtIDFdIH0pO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
|
|
49
54
|
|
|
50
55
|
var AddFolderWrapper = _styled("div", {
|
|
51
56
|
target: "e1dg1gdn1",
|
|
52
57
|
label: "AddFolderWrapper"
|
|
53
|
-
})("display:flex;margin-top:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
58
|
+
})("display:flex;margin-top:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCbUMiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1dWlkIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0SWRQYXRoc09mRm9sZGVyLCBnZXRQYXRoT2ZGb2xkZXIsIGdldEZvbGRlck5hbWUgfSBmcm9tICcuL2hlbHBlckZ1bmN0aW9ucyc7XG5pbXBvcnQga2V5Ym9hcmROYXZpZ2F0aW9uLCB7IEtFWUJPQVJEX0tFWVNfT0ZfSU5URVJFU1QgfSBmcm9tICcuL2tleWJvYXJkTmF2aWdhdGlvbi9rZXlib2FyZE5hdmlnYXRpb24nO1xuaW1wb3J0IHsgTmV3Rm9sZGVyUHJvcHMsIFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkYXRhLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvcGVuT25Gb2xkZXJDbGljayxcbiAgZnJhbWVkLFxuICBmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCxcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzLFxuICBmb2xkZXJDaGlsZCxcbn06IFRyZWVTdHJ1Y3R1cmVQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuZXdGb2xkZXIsIHNldE5ld0ZvbGRlcl0gPSB1c2VTdGF0ZTxOZXdGb2xkZXJQcm9wcyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXJJZCwgc2V0Rm9jdXNlZEZvbGRlcklkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW21hcmtlZEZvbGRlcklkLCBzZXRNYXJrZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KGZvbGRlcklkTWFya2VkQnlEZWZhdWx0IHx8IGRhdGFbMF0/LmlkKTtcbiAgY29uc3QgdHJlZXN0cnVjdHVyZVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHdyYXBwZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCByb290TGV2ZWxJZCA9IHVzZU1lbW8oKCkgPT4gdXVpZCgpLCBbXSk7IC8vIFRPRE86IHVzZSB1c2VJZCBob29rIHdoZW4gd2UgdXBkYXRlIHRvIFJlYWN0IDE4XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyKHVuZGVmaW5lZCk7XG4gICAgfVxuICB9LCBbbG9hZGluZ10pO1xuXG4gIGNvbnN0IG9uVG9nZ2xlT3BlbiA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgaWYgKG9wZW5Gb2xkZXJzLmluY2x1ZGVzKGlkKSkge1xuICAgICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAgIC8vIElmIHNvLCB3ZSBuZWVkIHRvIG1hcmsgdGhlIGZvbGRlciB3ZSBqdXN0IGNsb3NlZC5cbiAgICAgIGlmIChtYXJrZWRGb2xkZXJJZCkge1xuICAgICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihkYXRhLCBpZCk7XG4gICAgICAgIGNvbnN0IG1hcmtlZEZvbGRlclBhdGggPSBnZXRQYXRoT2ZGb2xkZXIoZGF0YSwgbWFya2VkRm9sZGVySWQpO1xuICAgICAgICBjb25zdCBtYXJrZWRGb2xkZXJJc1N1YlBhdGggPSBjbG9zaW5nRm9sZGVyUGF0aC5ldmVyeShcbiAgICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKG1hcmtlZEZvbGRlcklzU3ViUGF0aCkge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgc2V0T3BlbkZvbGRlcnMob3BlbkZvbGRlcnMuZmlsdGVyKChmb2xkZXIpID0+IGZvbGRlciAhPT0gaWQpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShbLi4ub3BlbkZvbGRlcnMsIGlkXSkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNyZWF0ZU5ld0ZvbGRlciA9IChwcm9wczogeyBpZFBhdGhzOiBudW1iZXJbXTsgcGFyZW50SWQ/OiBzdHJpbmcgfSkgPT4ge1xuICAgIHNldE5ld0ZvbGRlcihwcm9wcyk7XG4gIH07XG5cbiAgY29uc3Qgb25TYXZlTmV3Rm9sZGVyID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICAvLyBXZSB3b3VsZCBsaWtlIHRvIGNyZWF0ZSBhIG5ldyBmb2xkZXIgd2l0aCB0aGUgbmFtZSBvZiB2YWx1ZS5cbiAgICAgIC8vIEl0cyBsb2NhdGlvbiBpbiBzdHJ1Y3R1cmUgaXMgYmFzZWQgb24gbmV3Rm9sZGVyIG9iamVjdFxuICAgICAgb25OZXdGb2xkZXIoeyAuLi5uZXdGb2xkZXIsIHZhbHVlIH0pLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICAgIGlmIChuZXdGb2xkZXJJZCkge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKG5ld0ZvbGRlcklkKTtcbiAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICAgIC8vIE9wZW4gY3VycmVudCBmb2xkZXIgaW4gY2FzZSBpdCB3YXMgY2xvc2VkLi5cblxuICAgICAgICAgIGlmIChuZXdGb2xkZXIucGFyZW50SWQpIHtcbiAgICAgICAgICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEoWy4uLm9wZW5Gb2xkZXJzLCBuZXdGb2xkZXIucGFyZW50SWRdKSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25DYW5jZWxOZXdGb2xkZXIgPSAoKSA9PiB7XG4gICAgc2V0TmV3Rm9sZGVyKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3Qgb25NYXJrRm9sZGVyID0gKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRNYXJrZWRGb2xkZXJJZChpZCk7XG4gICAgc2V0Rm9jdXNlZEZvbGRlcklkKGlkKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17dHJlZXN0cnVjdHVyZVJlZn1cbiAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYuY3VycmVudD8uY29udGFpbnMoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCkgJiYgS0VZQk9BUkRfS0VZU19PRl9JTlRFUkVTVC5pbmNsdWRlcyhlLmtleSkpIHtcbiAgICAgICAgICBrZXlib2FyZE5hdmlnYXRpb24oe1xuICAgICAgICAgICAgZSxcbiAgICAgICAgICAgIGRhdGEsXG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQsXG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVySWQsXG4gICAgICAgICAgICBvblRvZ2dsZU9wZW4sXG4gICAgICAgICAgICBvcGVuRm9sZGVycyxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfX0+XG4gICAgICA8U3R5bGVkTGFiZWwgaHRtbEZvcj17cm9vdExldmVsSWR9PntsYWJlbH08L1N0eWxlZExhYmVsPlxuICAgICAgPFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIHJlZj17d3JhcHBlclJlZn0gaWQ9e3Jvb3RMZXZlbElkfSBhcmlhLWxhYmVsPVwiTWVudSB0cmVlXCIgcm9sZT1cInRyZWVcIiBmcmFtZWQ9e2ZyYW1lZH0+XG4gICAgICAgIDxGb2xkZXJJdGVtc1xuICAgICAgICAgIGlkUGF0aHM9e1tdfVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uVG9nZ2xlT3Blbj17b25Ub2dnbGVPcGVufVxuICAgICAgICAgIG5ld0ZvbGRlcj17bmV3Rm9sZGVyfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgb3BlbkZvbGRlcnM9e29wZW5Gb2xkZXJzfVxuICAgICAgICAgIG1hcmtlZEZvbGRlcklkPXttYXJrZWRGb2xkZXJJZH1cbiAgICAgICAgICBvbk1hcmtGb2xkZXI9e29uTWFya0ZvbGRlcn1cbiAgICAgICAgICBvcGVuT25Gb2xkZXJDbGljaz17b3Blbk9uRm9sZGVyQ2xpY2t9XG4gICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICBmb2N1c2VkRm9sZGVySWQ9e2ZvY3VzZWRGb2xkZXJJZH1cbiAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQ9e3NldEZvY3VzZWRGb2xkZXJJZH1cbiAgICAgICAgICBmaXJzdExldmVsXG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAvPlxuICAgICAgPC9UcmVlU3RydWN0dXJlU3R5bGVkV3JhcHBlcj5cbiAgICAgIHtlZGl0YWJsZSAmJiAoXG4gICAgICAgIDxBZGRGb2xkZXJXcmFwcGVyPlxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICB0b29sdGlwPXt0KCdteU5kbGEubmV3Rm9sZGVyVW5kZXInLCB7XG4gICAgICAgICAgICAgIGZvbGRlck5hbWU6IGdldEZvbGRlck5hbWUoZGF0YSwgbWFya2VkRm9sZGVySWQpLFxuICAgICAgICAgICAgfSl9PlxuICAgICAgICAgICAgPEFkZEJ1dHRvblxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXRocyA9IGdldFBhdGhPZkZvbGRlcihkYXRhLCBtYXJrZWRGb2xkZXJJZCB8fCAnJyk7XG4gICAgICAgICAgICAgICAgY29uc3QgaWRQYXRocyA9IGdldElkUGF0aHNPZkZvbGRlcihkYXRhLCBtYXJrZWRGb2xkZXJJZCB8fCAnJyk7XG4gICAgICAgICAgICAgICAgc2V0TmV3Rm9sZGVyKHsgaWRQYXRocywgcGFyZW50SWQ6IHBhdGhzW3BhdGhzLmxlbmd0aCAtIDFdIH0pO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
|
|
54
59
|
|
|
55
60
|
var TreeStructure = function TreeStructure(_ref) {
|
|
61
|
+
var _data$;
|
|
62
|
+
|
|
56
63
|
var data = _ref.data,
|
|
57
64
|
label = _ref.label,
|
|
58
65
|
editable = _ref.editable,
|
|
@@ -72,7 +79,7 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
72
79
|
newFolder = _useState2[0],
|
|
73
80
|
setNewFolder = _useState2[1];
|
|
74
81
|
|
|
75
|
-
var _useState3 = useState(
|
|
82
|
+
var _useState3 = useState(defaultOpenFolders || []),
|
|
76
83
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
77
84
|
openFolders = _useState4[0],
|
|
78
85
|
setOpenFolders = _useState4[1];
|
|
@@ -82,7 +89,7 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
82
89
|
focusedFolderId = _useState6[0],
|
|
83
90
|
setFocusedFolderId = _useState6[1];
|
|
84
91
|
|
|
85
|
-
var _useState7 = useState(folderIdMarkedByDefault || data[0]
|
|
92
|
+
var _useState7 = useState(folderIdMarkedByDefault || ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.id)),
|
|
86
93
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
87
94
|
markedFolderId = _useState8[0],
|
|
88
95
|
setMarkedFolderId = _useState8[1];
|
|
@@ -94,12 +101,11 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
94
101
|
}, []); // TODO: use useId hook when we update to React 18
|
|
95
102
|
|
|
96
103
|
useEffect(function () {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
return
|
|
104
|
+
if (defaultOpenFolders) {
|
|
105
|
+
setOpenFolders(function (prev) {
|
|
106
|
+
return uniq([].concat(_toConsumableArray(defaultOpenFolders), _toConsumableArray(prev)));
|
|
100
107
|
});
|
|
101
|
-
|
|
102
|
-
});
|
|
108
|
+
}
|
|
103
109
|
}, [defaultOpenFolders]);
|
|
104
110
|
useEffect(function () {
|
|
105
111
|
if (!loading) {
|
|
@@ -108,79 +114,51 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
108
114
|
}, [loading]);
|
|
109
115
|
|
|
110
116
|
var onToggleOpen = function onToggleOpen(id) {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
if (markedFolderIsSubPath) {
|
|
124
|
-
setMarkedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
125
|
-
}
|
|
117
|
+
if (openFolders.includes(id)) {
|
|
118
|
+
// Did we just closed a folder with a marked folder inside it?
|
|
119
|
+
// If so, we need to mark the folder we just closed.
|
|
120
|
+
if (markedFolderId) {
|
|
121
|
+
var closingFolderPath = getPathOfFolder(data, id);
|
|
122
|
+
var markedFolderPath = getPathOfFolder(data, markedFolderId);
|
|
123
|
+
var markedFolderIsSubPath = closingFolderPath.every(function (folderId, _index) {
|
|
124
|
+
return markedFolderPath[_index] === folderId;
|
|
125
|
+
});
|
|
126
|
+
|
|
127
|
+
if (markedFolderIsSubPath) {
|
|
128
|
+
setMarkedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
126
129
|
}
|
|
127
|
-
} else {
|
|
128
|
-
prev.add(id);
|
|
129
130
|
}
|
|
130
131
|
|
|
131
|
-
|
|
132
|
-
|
|
132
|
+
setOpenFolders(openFolders.filter(function (folder) {
|
|
133
|
+
return folder !== id;
|
|
134
|
+
}));
|
|
135
|
+
} else {
|
|
136
|
+
setOpenFolders(uniq([].concat(_toConsumableArray(openFolders), [id])));
|
|
137
|
+
}
|
|
133
138
|
};
|
|
134
139
|
|
|
135
140
|
var onCreateNewFolder = function onCreateNewFolder(props) {
|
|
136
141
|
setNewFolder(props);
|
|
137
142
|
};
|
|
138
143
|
|
|
139
|
-
var onSaveNewFolder =
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
return onNewFolder(_objectSpread(_objectSpread({}, newFolder), {}, {
|
|
153
|
-
value: value
|
|
154
|
-
}));
|
|
155
|
-
|
|
156
|
-
case 3:
|
|
157
|
-
newFolderId = _context.sent;
|
|
158
|
-
|
|
159
|
-
if (newFolderId) {
|
|
160
|
-
setMarkedFolderId(newFolderId);
|
|
161
|
-
setFocusedFolderId(newFolderId); // Open current folder in case it was closed..
|
|
162
|
-
|
|
163
|
-
setOpenFolders(function (prev) {
|
|
164
|
-
if (newFolder.parentId) {
|
|
165
|
-
prev.add(newFolder.parentId);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
return new Set(prev);
|
|
169
|
-
});
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
case 5:
|
|
173
|
-
case "end":
|
|
174
|
-
return _context.stop();
|
|
144
|
+
var onSaveNewFolder = function onSaveNewFolder(value) {
|
|
145
|
+
if (newFolder) {
|
|
146
|
+
// We would like to create a new folder with the name of value.
|
|
147
|
+
// Its location in structure is based on newFolder object
|
|
148
|
+
onNewFolder(_objectSpread(_objectSpread({}, newFolder), {}, {
|
|
149
|
+
value: value
|
|
150
|
+
})).then(function (newFolderId) {
|
|
151
|
+
if (newFolderId) {
|
|
152
|
+
setMarkedFolderId(newFolderId);
|
|
153
|
+
setFocusedFolderId(newFolderId); // Open current folder in case it was closed..
|
|
154
|
+
|
|
155
|
+
if (newFolder.parentId) {
|
|
156
|
+
setOpenFolders(uniq([].concat(_toConsumableArray(openFolders), [newFolder.parentId])));
|
|
175
157
|
}
|
|
176
158
|
}
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
return function onSaveNewFolder(_x) {
|
|
181
|
-
return _ref2.apply(this, arguments);
|
|
182
|
-
};
|
|
183
|
-
}();
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
};
|
|
184
162
|
|
|
185
163
|
var onCancelNewFolder = function onCancelNewFolder() {
|
|
186
164
|
setNewFolder(undefined);
|
|
@@ -47,7 +47,7 @@ var traverseUpwards = function traverseUpwards(inital, setFocusedFolderId, paths
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
50
|
-
var _document$activeEleme, _elementWithKeyFocus$
|
|
50
|
+
var _document$activeEleme, _elementWithKeyFocus$5;
|
|
51
51
|
|
|
52
52
|
var e = _ref.e,
|
|
53
53
|
data = _ref.data,
|
|
@@ -76,7 +76,7 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
76
76
|
if (dataId === id) {
|
|
77
77
|
elementWithKeyFocus.paths = paths;
|
|
78
78
|
elementWithKeyFocus.index = _index;
|
|
79
|
-
elementWithKeyFocus.isOpen = openFolders.
|
|
79
|
+
elementWithKeyFocus.isOpen = openFolders.includes(dataId) && childData && childData.length > 0;
|
|
80
80
|
elementWithKeyFocus.data = childData;
|
|
81
81
|
elementWithKeyFocus.parent = parent;
|
|
82
82
|
elementWithKeyFocus.parentId = parentId;
|
|
@@ -89,9 +89,11 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
if (!updatePathToElementWithKeyFocus(data, [], data)) {
|
|
92
|
+
var _data$;
|
|
93
|
+
|
|
92
94
|
// Couldn't find its location in the tree.
|
|
93
95
|
// This should not happen, reset its value to root.
|
|
94
|
-
setFocusedFolderId(e.key === 'ArrowDown' ? data[0]
|
|
96
|
+
setFocusedFolderId(e.key === 'ArrowDown' ? (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.id : undefined);
|
|
95
97
|
return;
|
|
96
98
|
}
|
|
97
99
|
|
|
@@ -127,7 +129,9 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
127
129
|
}
|
|
128
130
|
|
|
129
131
|
if (!id && e.key === 'ArrowDown') {
|
|
130
|
-
|
|
132
|
+
var _data$2;
|
|
133
|
+
|
|
134
|
+
setFocusedFolderId((_data$2 = data[0]) === null || _data$2 === void 0 ? void 0 : _data$2.id);
|
|
131
135
|
return;
|
|
132
136
|
}
|
|
133
137
|
|
|
@@ -138,9 +142,13 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
138
142
|
|
|
139
143
|
if (e.key === 'ArrowUp') {
|
|
140
144
|
if (elementWithKeyFocus.index > 0) {
|
|
145
|
+
var _elementWithKeyFocus$2;
|
|
146
|
+
|
|
141
147
|
// Move upwards to the parent folder
|
|
142
|
-
setFocusedFolderId(elementWithKeyFocus.parent ? elementWithKeyFocus.parent[elementWithKeyFocus.index - 1].id : undefined);
|
|
148
|
+
setFocusedFolderId(elementWithKeyFocus.parent ? (_elementWithKeyFocus$2 = elementWithKeyFocus.parent[elementWithKeyFocus.index - 1]) === null || _elementWithKeyFocus$2 === void 0 ? void 0 : _elementWithKeyFocus$2.id : undefined);
|
|
143
149
|
} else if (elementWithKeyFocus.paths.length > 0) {
|
|
150
|
+
var _findParent$parentsCu;
|
|
151
|
+
|
|
144
152
|
elementWithKeyFocus.paths.pop();
|
|
145
153
|
var findParent = data;
|
|
146
154
|
elementWithKeyFocus.paths.forEach(function (index) {
|
|
@@ -150,17 +158,19 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
150
158
|
var id = _ref3.id;
|
|
151
159
|
return id === elementWithKeyFocus.parentId;
|
|
152
160
|
});
|
|
153
|
-
setFocusedFolderId(findParent[parentsCurrentIndex].id);
|
|
161
|
+
setFocusedFolderId((_findParent$parentsCu = findParent[parentsCurrentIndex]) === null || _findParent$parentsCu === void 0 ? void 0 : _findParent$parentsCu.id);
|
|
154
162
|
}
|
|
155
163
|
|
|
156
164
|
return;
|
|
157
165
|
}
|
|
158
166
|
|
|
159
167
|
if (elementWithKeyFocus.isOpen) {
|
|
160
|
-
var _elementWithKeyFocus$
|
|
168
|
+
var _elementWithKeyFocus$3;
|
|
169
|
+
|
|
170
|
+
if ((_elementWithKeyFocus$3 = elementWithKeyFocus.data) === null || _elementWithKeyFocus$3 === void 0 ? void 0 : _elementWithKeyFocus$3.length) {
|
|
171
|
+
var _elementWithKeyFocus$4;
|
|
161
172
|
|
|
162
|
-
|
|
163
|
-
setFocusedFolderId(elementWithKeyFocus.data[0].id);
|
|
173
|
+
setFocusedFolderId((_elementWithKeyFocus$4 = elementWithKeyFocus.data[0]) === null || _elementWithKeyFocus$4 === void 0 ? void 0 : _elementWithKeyFocus$4.id);
|
|
164
174
|
} else {
|
|
165
175
|
// move to next child of parent if any... need new traverse :-/
|
|
166
176
|
traverseUpwards(data, setFocusedFolderId, elementWithKeyFocus.paths, elementWithKeyFocus.index);
|
|
@@ -169,9 +179,11 @@ var keyboardNavigation = function keyboardNavigation(_ref) {
|
|
|
169
179
|
return;
|
|
170
180
|
}
|
|
171
181
|
|
|
172
|
-
if (elementWithKeyFocus.parent && elementWithKeyFocus.index < ((_elementWithKeyFocus$
|
|
182
|
+
if (elementWithKeyFocus.parent && elementWithKeyFocus.index < ((_elementWithKeyFocus$5 = elementWithKeyFocus.parent) === null || _elementWithKeyFocus$5 === void 0 ? void 0 : _elementWithKeyFocus$5.length) - 1) {
|
|
183
|
+
var _elementWithKeyFocus$6;
|
|
184
|
+
|
|
173
185
|
// Move downwards to the next child
|
|
174
|
-
setFocusedFolderId(elementWithKeyFocus.parent[elementWithKeyFocus.index + 1].id);
|
|
186
|
+
setFocusedFolderId((_elementWithKeyFocus$6 = elementWithKeyFocus.parent[elementWithKeyFocus.index + 1]) === null || _elementWithKeyFocus$6 === void 0 ? void 0 : _elementWithKeyFocus$6.id);
|
|
175
187
|
return;
|
|
176
188
|
}
|
|
177
189
|
|
package/es/locale/messages-en.js
CHANGED
package/es/locale/messages-nb.js
CHANGED
package/es/locale/messages-nn.js
CHANGED
package/es/locale/messages-se.js
CHANGED
|
@@ -13,9 +13,13 @@ var _button = _interopRequireDefault(require("@ndla/button"));
|
|
|
13
13
|
|
|
14
14
|
var _common = require("@ndla/icons/common");
|
|
15
15
|
|
|
16
|
+
var _core = require("@ndla/core");
|
|
17
|
+
|
|
18
|
+
var _reactI18next = require("react-i18next");
|
|
19
|
+
|
|
16
20
|
var _AuthModal = _interopRequireDefault(require("../User/AuthModal"));
|
|
17
21
|
|
|
18
|
-
var
|
|
22
|
+
var _core2 = require("@emotion/core");
|
|
19
23
|
|
|
20
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
25
|
|
|
@@ -28,23 +32,26 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
28
32
|
var StyledButton = ( /*#__PURE__*/0, _styledBase["default"])(_button["default"], {
|
|
29
33
|
target: "e1z0kssl0",
|
|
30
34
|
label: "StyledButton"
|
|
31
|
-
})(".feide-icon svg{color:", function (props) {
|
|
35
|
+
})("font-weight:", _core.fonts.weight.semibold, ";display:flex;align-items:center;.feide-icon svg{margin-left:", _core.spacing.xsmall, ";fill:", _core.colors.brand.primary, ";color:", function (props) {
|
|
32
36
|
return props.inverted ? "#ffffff" : "#000000";
|
|
33
|
-
}, ";width:22px;height:22px;}&:hover{.feide-icon svg{color:#000000;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}, ";width:22px;height:22px;}&:hover{.feide-icon svg{color:#000000;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkQXV0aE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnNEIiwiZmlsZSI6Ik1hc3RoZWFkQXV0aE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IEZlaWRlIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCBBdXRoTW9kYWwsIHsgQXV0aE1vZGFsUHJvcHMgfSBmcm9tICcuLi9Vc2VyL0F1dGhNb2RhbCc7XG5cbnR5cGUgRmVpZGVXcmFwcGVyUHJvcHMgPSB7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pPEZlaWRlV3JhcHBlclByb3BzPmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgLmZlaWRlLWljb24gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyBgI2ZmZmZmZmAgOiBgIzAwMDAwMGApfTtcbiAgICB3aWR0aDogMjJweDtcbiAgICBoZWlnaHQ6IDIycHg7XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgLmZlaWRlLWljb24gc3ZnIHtcbiAgICAgIGNvbG9yOiAjMDAwMDAwO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQXV0aE1vZGFsUHJvcHMge1xuICBpbnZlcnRlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IE1hc3RoZWFkQXV0aE1vZGFsID0gKHsgaW52ZXJ0ZWQsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxBdXRoTW9kYWxcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICA8U3R5bGVkQnV0dG9uIGludmVydGVkPXtpbnZlcnRlZH0gZ2hvc3RQaWxsPXshaW52ZXJ0ZWR9IGdob3N0UGlsbEludmVydGVkPXtpbnZlcnRlZH0gYXJpYS1sYWJlbD1cIkZlaWRlXCI+XG4gICAgICAgICAge3QoJ215TmRsYS5teU5ETEEnKX1cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJmZWlkZS1pY29uXCI+XG4gICAgICAgICAgICA8RmVpZGUgLz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNYXN0aGVhZEF1dGhNb2RhbDtcbiJdfQ== */"));
|
|
34
38
|
|
|
35
39
|
var MastheadAuthModal = function MastheadAuthModal(_ref) {
|
|
36
40
|
var inverted = _ref.inverted,
|
|
37
41
|
rest = _objectWithoutProperties(_ref, ["inverted"]);
|
|
38
42
|
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
44
|
+
t = _useTranslation.t;
|
|
45
|
+
|
|
46
|
+
return (0, _core2.jsx)(_AuthModal["default"], _extends({}, rest, {
|
|
47
|
+
activateButton: (0, _core2.jsx)(StyledButton, {
|
|
41
48
|
inverted: inverted,
|
|
42
49
|
ghostPill: !inverted,
|
|
43
50
|
ghostPillInverted: inverted,
|
|
44
51
|
"aria-label": "Feide"
|
|
45
|
-
}, (0,
|
|
52
|
+
}, t('myNdla.myNDLA'), (0, _core2.jsx)("span", {
|
|
46
53
|
className: "feide-icon"
|
|
47
|
-
}, (0,
|
|
54
|
+
}, (0, _core2.jsx)(_common.Feide, null)))
|
|
48
55
|
}));
|
|
49
56
|
};
|
|
50
57
|
|