@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/dam/MoveDamItemDialog/ChooseFolder.gql.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allFoldersQuery = void 0;
-var _client = require("@apollo/client");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var allFoldersQuery = exports.allFoldersQuery = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query AllFoldersWithoutFilters($scope: DamScopeInput!) {\n        damFoldersFlat(scope: $scope) {\n            id\n            name\n            mpath\n            parent {\n                id\n            }\n        }\n    }\n"])));
+import { gql } from "@apollo/client";
+export var allFoldersQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query AllFoldersWithoutFilters($scope: DamScopeInput!) {\n        damFoldersFlat(scope: $scope) {\n            id\n            name\n            mpath\n            parent {\n                id\n            }\n        }\n    }\n"])));

package/lib/dam/MoveDamItemDialog/ChooseFolder.js

@@ -1,27 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChooseFolder = void 0;
-Object.defineProperty(exports, "allFoldersQuery", {
-  enumerable: true,
-  get: function get() {
-    return _ChooseFolder.allFoldersQuery;
-  }
-});
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
-var _reactWindow = require("react-window");
-var _MarkedMatches = require("../../common/MarkedMatches");
-var _jsxRuntime = require("react/jsx-runtime");
-var _ChooseFolder = require("./ChooseFolder.gql");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
+import { ArrowRight, BallTriangle, PageTree, TreeCollapse, TreeExpand } from "@comet/admin-icons";
+import { ListItem } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useEffect, useRef } from "react";
+import { FormattedMessage } from "react-intl";
+import AutoSizer from "react-virtualized-auto-sizer";
+import { FixedSizeList as List } from "react-window";
+import { MarkedMatches } from "../../common/MarkedMatches";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { allFoldersQuery } from "./ChooseFolder.gql";
+export var ChooseFolder = function ChooseFolder(_ref) {
   var folderTree = _ref.folderTree,
     foldersToRenderWithMatches = _ref.foldersToRenderWithMatches,
     loading = _ref.loading,
@@ -29,7 +16,7 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
     selectedId = _ref.selectedId,
     onFolderClick = _ref.onFolderClick,
     focusedFolderId = _ref.focusedFolderId;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var _refList$current;
     if (focusedFolderId === undefined) {
       return;
@@ -43,12 +30,12 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
     // This should only be executed if the focusedFolderId changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [focusedFolderId]);
-  var refList = (0, _react.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualizedAutoSizer["default"], {
+  var refList = useRef(null);
+  return /*#__PURE__*/_jsx(AutoSizer, {
     children: function children(_ref2) {
       var height = _ref2.height,
         width = _ref2.width;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.FixedSizeList, {
+      return /*#__PURE__*/_jsx(List, {
         ref: refList,
         height: height,
         width: width,
@@ -63,15 +50,15 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
           var index = _ref3.index,
             style = _ref3.style;
           if (loading) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledListItem, {
+            return /*#__PURE__*/_jsx(StyledListItem, {
               offset: 20 + 36,
               style: style,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.BallTriangle, {
+              children: /*#__PURE__*/_jsxs("div", {
+                children: [/*#__PURE__*/_jsx(BallTriangle, {
                   sx: {
                     marginRight: "20px"
                   }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                }), /*#__PURE__*/_jsx(FormattedMessage, {
                   id: "comet.dam.moveDamItemDialog.loading",
                   defaultMessage: "Loading ..."
                 })]
@@ -79,9 +66,9 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
             });
           }
           if (index === 0) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChooseFolderItem, {
-              Icon: _adminIcons.PageTree,
-              message: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            return /*#__PURE__*/_jsx(ChooseFolderItem, {
+              Icon: PageTree,
+              message: /*#__PURE__*/_jsx(FormattedMessage, {
                 id: "comet.pages.dam.assetManager",
                 defaultMessage: "Asset Manager"
               }),
@@ -94,12 +81,12 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
             });
           }
           var folder = foldersToRenderWithMatches[index - 1];
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChooseFolderItem, {
-            Icon: folderTree.has(folder.id) ? folder.expanded ? _adminIcons.TreeCollapse : _adminIcons.TreeExpand : undefined,
+          return /*#__PURE__*/_jsx(ChooseFolderItem, {
+            Icon: folderTree.has(folder.id) ? folder.expanded ? TreeCollapse : TreeExpand : undefined,
             onIconClick: function onIconClick() {
               toggleExpand(folder.id);
             },
-            message: folder.matches ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarkedMatches.MarkedMatches, {
+            message: folder.matches ? /*#__PURE__*/_jsx(MarkedMatches, {
               text: folder.name,
               matches: folder.matches
             }) : folder.name,
@@ -115,7 +102,7 @@ var ChooseFolder = exports.ChooseFolder = function ChooseFolder(_ref) {
     }
   });
 };
-var StyledListItem = /*#__PURE__*/(0, _styles.styled)(_material.ListItem, process.env.NODE_ENV === "production" ? {
+var StyledListItem = /*#__PURE__*/styled(ListItem, process.env.NODE_ENV === "production" ? {
   target: "e16rypef0"
 } : {
   target: "e16rypef0",
@@ -149,13 +136,13 @@ var ChooseFolderItem = function ChooseFolderItem(_ref0) {
     _ref0$isChosen = _ref0.isChosen,
     isChosen = _ref0$isChosen === void 0 ? false : _ref0$isChosen,
     style = _ref0.style;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledListItem, {
+  return /*#__PURE__*/_jsxs(StyledListItem, {
     style: style,
     offset: Icon ? offset : offset + 20 + 16,
     isChosen: isChosen,
     onClick: onClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      children: [Icon && /*#__PURE__*/_jsx(Icon, {
         sx: {
           marginRight: "20px"
         },
@@ -164,6 +151,6 @@ var ChooseFolderItem = function ChooseFolderItem(_ref0) {
           onIconClick === null || onIconClick === void 0 || onIconClick();
         }
       }), message]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ArrowRight, {})]
+    }), /*#__PURE__*/_jsx(ArrowRight, {})]
   });
 };

package/lib/dam/MoveDamItemDialog/MoveDamItemDialog.js

@@ -1,25 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MoveDamItemDialog = void 0;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _SearchInput = require("../../common/SearchInput");
-var _useDamScope = require("../config/useDamScope");
-var _FolderDataGrid = require("../DataGrid/FolderDataGrid");
-var _clearDamItemCache = require("../helpers/clearDamItemCache");
-var _ChooseFolder = require("./ChooseFolder");
-var _useFolderTree2 = require("./useFolderTree");
-var _useFolderTreeSearch2 = require("./useFolderTreeSearch");
-var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -30,7 +9,24 @@ function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try {
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var FixedHeightDialog = /*#__PURE__*/(0, _styles.styled)(_material.Dialog, process.env.NODE_ENV === "production" ? {
+import { useApolloClient, useQuery } from "@apollo/client";
+import { Button, SaveButton } from "@comet/admin";
+import { Move, Reset } from "@comet/admin-icons";
+import {
+// eslint-disable-next-line no-restricted-imports
+Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useCallback } from "react";
+import { FormattedMessage } from "react-intl";
+import { SearchInput } from "../../common/SearchInput";
+import { useDamScope } from "../config/useDamScope";
+import { moveDamFilesMutation, moveDamFoldersMutation } from "../DataGrid/FolderDataGrid";
+import { clearDamItemCache } from "../helpers/clearDamItemCache";
+import { allFoldersQuery, ChooseFolder } from "./ChooseFolder";
+import { useFolderTree } from "./useFolderTree";
+import { useFolderTreeSearch } from "./useFolderTreeSearch";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var FixedHeightDialog = /*#__PURE__*/styled(Dialog, process.env.NODE_ENV === "production" ? {
   target: "e1dosmvx0"
 } : {
   target: "e1dosmvx0",
@@ -53,9 +49,9 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     moving = _ref$moving === void 0 ? false : _ref$moving,
     _ref$hasErrors = _ref.hasErrors,
     hasErrors = _ref$hasErrors === void 0 ? false : _ref$hasErrors;
-  var apolloClient = (0, _client.useApolloClient)();
-  var scope = (0, _useDamScope.useDamScope)();
-  var _useQuery = (0, _client.useQuery)(_ChooseFolder.allFoldersQuery, {
+  var apolloClient = useApolloClient();
+  var scope = useDamScope();
+  var _useQuery = useQuery(allFoldersQuery, {
       fetchPolicy: "cache-and-network",
       variables: {
         scope: scope
@@ -63,7 +59,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     }),
     data = _useQuery.data,
     loading = _useQuery.loading;
-  var _useFolderTree = (0, _useFolderTree2.useFolderTree)({
+  var _useFolderTree = useFolderTree({
       damFoldersFlat: data === null || data === void 0 ? void 0 : data.damFoldersFlat
     }),
     folderTree = _useFolderTree.tree,
@@ -72,7 +68,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     toggleExpand = _useFolderTree.toggleExpand,
     selectedId = _useFolderTree.selectedId,
     setSelectedId = _useFolderTree.setSelectedId;
-  var _useFolderTreeSearch = (0, _useFolderTreeSearch2.useFolderTreeSearch)({
+  var _useFolderTreeSearch = useFolderTreeSearch({
       folderTree: folderTree,
       foldersToRender: foldersToRender,
       setExpandedIds: setExpandedIds
@@ -86,7 +82,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     updateCurrentMatchIndex = _useFolderTreeSearch.updateCurrentMatchIndex,
     jumpToNextMatch = _useFolderTreeSearch.jumpToNextMatch,
     jumpToPreviousMatch = _useFolderTreeSearch.jumpToPreviousMatch;
-  var moveSelected = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+  var moveSelected = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var fileIds, folderIds, mutations, promiseResults, hasErrors;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
@@ -111,7 +107,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
           mutations = [];
           if (fileIds.length > 0) {
             mutations.push(apolloClient.mutate({
-              mutation: _FolderDataGrid.moveDamFilesMutation,
+              mutation: moveDamFilesMutation,
               variables: {
                 fileIds: fileIds,
                 targetFolderId: selectedId
@@ -121,7 +117,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
           }
           if (folderIds.length > 0) {
             mutations.push(apolloClient.mutate({
-              mutation: _FolderDataGrid.moveDamFoldersMutation,
+              mutation: moveDamFoldersMutation,
               variables: {
                 folderIds: folderIds,
                 targetFolderId: selectedId,
@@ -140,7 +136,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
           if (hasErrors) {
             handleHasErrors === null || handleHasErrors === void 0 || handleHasErrors(hasErrors);
           } else {
-            (0, _clearDamItemCache.clearDamItemCache)(apolloClient.cache);
+            clearDamItemCache(apolloClient.cache);
           }
           setMoving === null || setMoving === void 0 || setMoving(false);
         case 3:
@@ -154,30 +150,30 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     setQuery("");
     onClose();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FixedHeightDialog, {
+  return /*#__PURE__*/_jsxs(FixedHeightDialog, {
     open: open,
     onClose: function onClose() {
       handleClose();
     },
     fullWidth: true,
     maxWidth: "lg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    children: [/*#__PURE__*/_jsx(DialogTitle, {
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
         id: "comet.dam.moveDamItemDialog.selectTargetFolder",
         defaultMessage: "Select target folder"
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
+    }), /*#__PURE__*/_jsxs(DialogContent, {
       sx: {
         overflow: "hidden",
         display: "flex",
         flexDirection: "column"
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         style: {
           width: "100%",
           marginBottom: "20px"
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
+        children: /*#__PURE__*/_jsx(SearchInput, {
           autoFocus: true,
           query: query,
           onQueryChange: function onQueryChange(newQuery) {
@@ -195,11 +191,11 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
           jumpToNextMatch: jumpToNextMatch,
           jumpToPreviousMatch: jumpToPreviousMatch
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         style: {
           flexGrow: 1
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChooseFolder.ChooseFolder, {
+        children: /*#__PURE__*/_jsx(ChooseFolder, {
           folderTree: folderTree,
           foldersToRenderWithMatches: foldersToRenderWithMatches,
           loading: loading,
@@ -211,20 +207,20 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
           focusedFolderId: focusedFolderId
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Button, {
+    }), /*#__PURE__*/_jsxs(DialogActions, {
+      children: [/*#__PURE__*/_jsx(Button, {
         variant: "textDark",
-        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Reset, {}),
+        startIcon: /*#__PURE__*/_jsx(Reset, {}),
         onClick: function onClick() {
           setSelectedId(undefined);
         },
         disabled: selectedId === undefined,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.dam.moveDamItemDialog.startOver",
           defaultMessage: "Start over"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.SaveButton, {
-        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Move, {}),
+      }), /*#__PURE__*/_jsx(SaveButton, {
+        startIcon: /*#__PURE__*/_jsx(Move, {}),
         onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
           return _regenerator().w(function (_context2) {
             while (1) switch (_context2.n) {
@@ -241,7 +237,7 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
         disabled: selectedId === undefined,
         loading: moving,
         hasErrors: hasErrors,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.dam.moveDamItemDialog.moveItems",
           defaultMessage: "Move {num, plural, one {item} other {items}}",
           values: {
@@ -252,9 +248,9 @@ var MoveDamItemDialogInner = function MoveDamItemDialogInner(_ref) {
     })]
   });
 };
-var MoveDamItemDialog = exports.MoveDamItemDialog = function MoveDamItemDialog(props) {
+export var MoveDamItemDialog = function MoveDamItemDialog(props) {
   if (!props.open) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MoveDamItemDialogInner, _objectSpread({}, props));
+  return /*#__PURE__*/_jsx(MoveDamItemDialogInner, _objectSpread({}, props));
 };

package/lib/dam/MoveDamItemDialog/useFolderTree.js

@@ -1,12 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFolderTree = void 0;
-var _react = require("react");
-var _TreeMapUtils = require("../../pages/pageTree/treemap/TreeMapUtils");
 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; }
@@ -23,21 +15,23 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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; }
-var useFolderTree = exports.useFolderTree = function useFolderTree(_ref) {
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { traversePreOrder, TreeMap } from "../../pages/pageTree/treemap/TreeMapUtils";
+export var useFolderTree = function useFolderTree(_ref) {
   var damFoldersFlat = _ref.damFoldersFlat;
-  var _useState = (0, _react.useState)(),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     selectedId = _useState2[0],
     setSelectedId = _useState2[1];
-  var _useState3 = (0, _react.useState)(new Set()),
+  var _useState3 = useState(new Set()),
     _useState4 = _slicedToArray(_useState3, 2),
     expandedIds = _useState4[0],
     setExpandedIds = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
     foldersToRender = _useState6[0],
     setFoldersToRender = _useState6[1];
-  var toggleExpand = (0, _react.useCallback)(function (id) {
+  var toggleExpand = useCallback(function (id) {
     setExpandedIds(function (expandedIds) {
       var newExpandedIds = new Set(expandedIds);
       if (expandedIds.has(id)) {
@@ -48,8 +42,8 @@ var useFolderTree = exports.useFolderTree = function useFolderTree(_ref) {
       return newExpandedIds;
     });
   }, []);
-  var tree = (0, _react.useMemo)(function () {
-    var folderTreeMap = new _TreeMapUtils.TreeMap();
+  var tree = useMemo(function () {
+    var folderTreeMap = new TreeMap();
     if (damFoldersFlat === undefined) {
       return folderTreeMap;
     }
@@ -78,9 +72,9 @@ var useFolderTree = exports.useFolderTree = function useFolderTree(_ref) {
     }
     return folderTreeMap;
   }, [damFoldersFlat]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var newFoldersToRender = [];
-    (0, _TreeMapUtils.traversePreOrder)(tree, function (element, level) {
+    traversePreOrder(tree, function (element, level) {
       var isParentVisible = element.parentId !== null ? newFoldersToRender.find(function (node) {
         return node.id === element.parentId;
       }) : true;

package/lib/dam/MoveDamItemDialog/useFolderTreeSearch.js

@@ -1,14 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFolderTreeSearch = void 0;
-var _lodash = _interopRequireDefault(require("lodash.escaperegexp"));
-var _react = require("react");
-var _TreeMapUtils = require("../../pages/pageTree/treemap/TreeMapUtils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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; }
@@ -21,13 +11,16 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 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; }
+import escapeRegExp from "lodash.escaperegexp";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { traversePreOrder } from "../../pages/pageTree/treemap/TreeMapUtils";
 var findMatchesAndExpandedIdsBasedOnSearchQuery = function findMatchesAndExpandedIdsBasedOnSearchQuery(searchQuery, _ref) {
   var folderTree = _ref.folderTree,
     expandedIds = _ref.expandedIds;
   var internalExpandedIds = new Set(expandedIds);
   var newMatches = [];
-  var regex = new RegExp("(".concat((0, _lodash["default"])(searchQuery), ")"), "gi");
-  (0, _TreeMapUtils.traversePreOrder)(folderTree, function (element) {
+  var regex = new RegExp("(".concat(escapeRegExp(searchQuery), ")"), "gi");
+  traversePreOrder(folderTree, function (element) {
     var hasMatch = false;
     var match;
     while ((match = regex.exec(element.name)) !== null) {
@@ -62,24 +55,24 @@ var findMatchesAndExpandedIdsBasedOnSearchQuery = function findMatchesAndExpande
     expandedIds: internalExpandedIds
   };
 };
-var useFolderTreeSearch = exports.useFolderTreeSearch = function useFolderTreeSearch(_ref2) {
+export var useFolderTreeSearch = function useFolderTreeSearch(_ref2) {
   var _matches$currentMatch;
   var folderTree = _ref2.folderTree,
     foldersToRender = _ref2.foldersToRender,
     setExpandedIds = _ref2.setExpandedIds;
-  var _useState = (0, _react.useState)(""),
+  var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     query = _useState2[0],
     setQuery = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     matches = _useState4[0],
     setMatches = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
+  var _useState5 = useState(undefined),
     _useState6 = _slicedToArray(_useState5, 2),
     currentMatchIndex = _useState6[0],
     setCurrentMatchIndex = _useState6[1];
-  var updateCurrentMatchIndex = (0, _react.useCallback)(function (nextCurrentMatchIndex) {
+  var updateCurrentMatchIndex = useCallback(function (nextCurrentMatchIndex) {
     if (matches === null) {
       return;
     }
@@ -90,19 +83,19 @@ var useFolderTreeSearch = exports.useFolderTreeSearch = function useFolderTreeSe
     }));
     setCurrentMatchIndex(nextCurrentMatchIndex);
   }, [matches]);
-  var jumpToNextMatch = (0, _react.useCallback)(function () {
+  var jumpToNextMatch = useCallback(function () {
     if (matches === null || currentMatchIndex === undefined) {
       return;
     }
     updateCurrentMatchIndex(currentMatchIndex === matches.length - 1 ? 0 : currentMatchIndex + 1);
   }, [currentMatchIndex, matches, updateCurrentMatchIndex]);
-  var jumpToPreviousMatch = (0, _react.useCallback)(function () {
+  var jumpToPreviousMatch = useCallback(function () {
     if (matches === null || currentMatchIndex === undefined) {
       return;
     }
     updateCurrentMatchIndex(currentMatchIndex === 0 ? matches.length - 1 : currentMatchIndex - 1);
   }, [currentMatchIndex, matches, updateCurrentMatchIndex]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (query === undefined || query.length === 0) {
       setMatches([]);
       return;
@@ -121,7 +114,7 @@ var useFolderTreeSearch = exports.useFolderTreeSearch = function useFolderTreeSe
     // This should only be executed if the searchQuery changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [query]);
-  var foldersToRenderWithMatches = (0, _react.useMemo)(function () {
+  var foldersToRenderWithMatches = useMemo(function () {
     return foldersToRender.map(function (folder) {
       var _matches$filter;
       return _objectSpread(_objectSpread({}, folder), {}, {

package/lib/dam/blocks/DamFileDownloadLinkBlock.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     DamFileDownloadLinkFile: 'DamFileDownloadLinkFile'
   }