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

package/lib/dam/DataGrid/FolderDataGrid.js

@@ -1,62 +1,5 @@
-"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
-});
-Object.defineProperty(exports, "damFolderQuery", {
-  enumerable: true,
-  get: function get() {
-    return _FolderDataGrid.damFolderQuery;
-  }
-});
-exports["default"] = void 0;
-Object.defineProperty(exports, "moveDamFilesMutation", {
-  enumerable: true,
-  get: function get() {
-    return _FolderDataGrid.moveDamFilesMutation;
-  }
-});
-Object.defineProperty(exports, "moveDamFoldersMutation", {
-  enumerable: true,
-  get: function get() {
-    return _FolderDataGrid.moveDamFoldersMutation;
-  }
-});
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _xDataGrid = require("@mui/x-data-grid");
-var _react = require("react");
-var _reactDropzone = require("react-dropzone");
-var _reactIntl = require("react-intl");
-var _useDebounce = require("use-debounce");
-var _damConfig = require("../config/damConfig");
-var _useDamAcceptedMimeTypes = require("../config/useDamAcceptedMimeTypes");
-var _useDamScope = require("../config/useDamScope");
-var _licenseType = require("../FileForm/licenseType");
-var _AddFolder = _interopRequireDefault(require("../FolderForm/AddFolder"));
-var _EditFolder = _interopRequireDefault(require("../FolderForm/EditFolder"));
-var _isFile = require("../helpers/isFile");
-var _isFolder = require("../helpers/isFolder");
-var _MoveDamItemDialog = require("../MoveDamItemDialog/MoveDamItemDialog");
-var _DamContextMenu = _interopRequireDefault(require("./DamContextMenu"));
-var _UploadFilesButton = require("./fileUpload/UploadFilesButton");
-var _useDamFileUpload = require("./fileUpload/useDamFileUpload");
-var _DamTableFilter = require("./filter/DamTableFilter");
-var _FolderDataGrid = require("./FolderDataGrid.gql");
-var sc = _interopRequireWildcard(require("./FolderDataGrid.sc"));
-var _UploadFooter = require("./footer/UploadFooter");
-var _DamItemLabelColumn = require("./label/DamItemLabelColumn");
-var _DamMoreActions = require("./selection/DamMoreActions");
-var _DamSelectionContext = require("./selection/DamSelectionContext");
-var _LicenseValidityTags = require("./tags/LicenseValidityTags");
-var _useDamSearchHighlighting = require("./useDamSearchHighlighting");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "filterApi", "breadcrumbs", "hideContextMenu", "hideArchiveFilter", "hideMultiselect", "renderDamLabel"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 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."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -78,13 +21,46 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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 { useApolloClient, useQuery } from "@apollo/client";
+import { DataGridToolbar, EditDialog, FillSpace, GridCellContent, PrettyBytes, ToolbarActions, ToolbarItem, Tooltip, useDataGridRemote, useSnackbarApi, useStackSwitchApi, useStoredState } from "@comet/admin";
+import { Info as InfoIcon } from "@comet/admin-icons";
+import { DialogContent, Slide, Snackbar } from "@mui/material";
+import { DataGrid, GridColumnHeaderTitle, useGridApiRef } from "@mui/x-data-grid";
+import { useEffect, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { FormattedDate, FormattedMessage, useIntl } from "react-intl";
+import { useDebouncedCallback } from "use-debounce";
+import { useDamConfig } from "../config/damConfig";
+import { useDamAcceptedMimeTypes } from "../config/useDamAcceptedMimeTypes";
+import { useDamScope } from "../config/useDamScope";
+import { licenseTypeLabels } from "../FileForm/licenseType";
+import AddFolder from "../FolderForm/AddFolder";
+import EditFolder from "../FolderForm/EditFolder";
+import { isFile } from "../helpers/isFile";
+import { isFolder } from "../helpers/isFolder";
+import { MoveDamItemDialog } from "../MoveDamItemDialog/MoveDamItemDialog";
+import DamContextMenu from "./DamContextMenu";
+import { UploadFilesButton } from "./fileUpload/UploadFilesButton";
+import { useDamFileUpload } from "./fileUpload/useDamFileUpload";
+import { DamTableFilter } from "./filter/DamTableFilter";
+import { damFolderQuery, damItemListPosition, damItemsListQuery } from "./FolderDataGrid.gql";
+import * as sc from "./FolderDataGrid.sc";
+import { DamUploadFooter } from "./footer/UploadFooter";
+import { DamItemLabelColumn } from "./label/DamItemLabelColumn";
+import { DamMoreActions } from "./selection/DamMoreActions";
+import { useDamSelectionApi } from "./selection/DamSelectionContext";
+import { LicenseValidityTags } from "./tags/LicenseValidityTags";
+import { useDamSearchHighlighting } from "./useDamSearchHighlighting";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export { damFolderQuery } from "./FolderDataGrid.gql";
+export { moveDamFilesMutation, moveDamFoldersMutation } from "./FolderDataGrid.gql";
 function FolderDataGridToolbar(_ref) {
   var currentFolderId = _ref.id,
     filterApi = _ref.filterApi,
     hideArchiveFilter = _ref.hideArchiveFilter,
     additionalToolbarItems = _ref.additionalToolbarItems,
     uploadFilters = _ref.uploadFilters;
-  var _useQuery = (0, _client.useQuery)(_FolderDataGrid.damFolderQuery, {
+  var _useQuery = useQuery(damFolderQuery, {
       variables: {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         id: currentFolderId
@@ -92,14 +68,14 @@ function FolderDataGridToolbar(_ref) {
       skip: currentFolderId === undefined
     }),
     data = _useQuery.data;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.DataGridToolbar, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarItem, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamTableFilter.DamTableFilter, {
+  return /*#__PURE__*/_jsxs(DataGridToolbar, {
+    children: [/*#__PURE__*/_jsx(ToolbarItem, {
+      children: /*#__PURE__*/_jsx(DamTableFilter, {
         hideArchiveFilter: hideArchiveFilter,
         filterApi: filterApi
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FillSpace, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.ToolbarActions, {
-      children: [additionalToolbarItems, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamMoreActions.DamMoreActions, {
+    }), /*#__PURE__*/_jsx(FillSpace, {}), /*#__PURE__*/_jsxs(ToolbarActions, {
+      children: [additionalToolbarItems, /*#__PURE__*/_jsx(DamMoreActions, {
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
@@ -110,7 +86,7 @@ function FolderDataGridToolbar(_ref) {
         },
         folderId: data === null || data === void 0 ? void 0 : data.damFolder.id,
         filter: uploadFilters
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadFilesButton.UploadFilesButton, {
+      }), /*#__PURE__*/_jsx(UploadFilesButton, {
         folderId: data === null || data === void 0 ? void 0 : data.damFolder.id,
         filter: uploadFilters
       })]
@@ -128,20 +104,20 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     hideMultiselect = _ref2.hideMultiselect,
     renderDamLabel = _ref2.renderDamLabel,
     props = _objectWithoutProperties(_ref2, _excluded);
-  var intl = (0, _reactIntl.useIntl)();
-  var apolloClient = (0, _client.useApolloClient)();
-  var switchApi = (0, _admin.useStackSwitchApi)();
-  var damSelectionActionsApi = (0, _DamSelectionContext.useDamSelectionApi)();
-  var scope = (0, _useDamScope.useDamScope)();
-  var snackbarApi = (0, _admin.useSnackbarApi)();
-  var _useDamConfig = (0, _damConfig.useDamConfig)(),
+  var intl = useIntl();
+  var apolloClient = useApolloClient();
+  var switchApi = useStackSwitchApi();
+  var damSelectionActionsApi = useDamSelectionApi();
+  var scope = useDamScope();
+  var snackbarApi = useSnackbarApi();
+  var _useDamConfig = useDamConfig(),
     importSources = _useDamConfig.importSources,
     enableLicenseFeature = _useDamConfig.enableLicenseFeature;
-  var _useStoredState = (0, _admin.useStoredState)("FolderDataGrid-redirectedToId", null, window.sessionStorage),
+  var _useStoredState = useStoredState("FolderDataGrid-redirectedToId", null, window.sessionStorage),
     _useStoredState2 = _slicedToArray(_useStoredState, 2),
     redirectedToId = _useStoredState2[0],
     setRedirectedToId = _useStoredState2[1];
-  var _useState = (0, _react.useState)(),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     uploadTargetFolderName = _useState2[0],
     setUploadTargetFolderName = _useState2[1];
@@ -152,10 +128,10 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
   var hideUploadFooter = function hideUploadFooter() {
     setUploadTargetFolderName(undefined);
   };
-  var dataGridProps = (0, _admin.useDataGridRemote)({
+  var dataGridProps = useDataGridRemote({
     pageSize: 20
   });
-  var _useQuery2 = (0, _client.useQuery)(_FolderDataGrid.damFolderQuery, {
+  var _useQuery2 = useQuery(damFolderQuery, {
       variables: {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         id: currentFolderId
@@ -163,8 +139,8 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
       skip: currentFolderId === undefined
     }),
     currentFolderData = _useQuery2.data;
-  var apiRef = (0, _xDataGrid.useGridApiRef)();
-  var _useQuery3 = (0, _client.useQuery)(_FolderDataGrid.damItemsListQuery, {
+  var apiRef = useGridApiRef();
+  var _useQuery3 = useQuery(damItemsListQuery, {
       variables: {
         folderId: currentFolderId,
         includeArchived: filterApi.current.archived,
@@ -181,18 +157,18 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     }),
     dataGridData = _useQuery3.data,
     loading = _useQuery3.loading;
-  var _useDamSearchHighligh = (0, _useDamSearchHighlighting.useDamSearchHighlighting)({
+  var _useDamSearchHighligh = useDamSearchHighlighting({
       items: (_dataGridData$damItem = dataGridData === null || dataGridData === void 0 ? void 0 : dataGridData.damItemsList.nodes) !== null && _dataGridData$damItem !== void 0 ? _dataGridData$damItem : [],
       query: (_filterApi$current$se = filterApi.current.searchText) !== null && _filterApi$current$se !== void 0 ? _filterApi$current$se : ""
     }),
     matches = _useDamSearchHighligh.matches;
   var isSearching = !!(filterApi.current.searchText && filterApi.current.searchText.length > 0);
-  var _useDamAcceptedMimeTy = (0, _useDamAcceptedMimeTypes.useDamAcceptedMimeTypes)(),
+  var _useDamAcceptedMimeTy = useDamAcceptedMimeTypes(),
     allAcceptedMimeTypes = _useDamAcceptedMimeTy.allAcceptedMimeTypes;
-  var fileUploadApi = (0, _useDamFileUpload.useDamFileUpload)({
+  var fileUploadApi = useDamFileUpload({
     acceptedMimetypes: (_props$allowedMimetyp = props.allowedMimetypes) !== null && _props$allowedMimetyp !== void 0 ? _props$allowedMimetyp : allAcceptedMimeTypes
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     function navigateToNewlyUploadedItems() {
       return _navigateToNewlyUploadedItems.apply(this, arguments);
     }
@@ -250,7 +226,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
             case 2:
               _context.n = 3;
               return apolloClient.query({
-                query: _FolderDataGrid.damItemListPosition,
+                query: damItemListPosition,
                 variables: {
                   id: id,
                   type: type,
@@ -290,11 +266,11 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     // useEffect dependencies must only include `newlyUploadedItems`, because the function should only be called once after new items are added.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileUploadApi.newlyUploadedItems]);
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     hoveredId = _useState4[0],
     setHoveredId = _useState4[1];
-  var showHoverStyles = (0, _useDebounce.useDebouncedCallback)(function () {
+  var showHoverStyles = useDebouncedCallback(function () {
     var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "root";
     setHoveredId(id);
   }, 500, {
@@ -306,18 +282,18 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     }
     setHoveredId(null);
   };
-  var emptyFolderSnackbarElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  var emptyFolderSnackbarElement = /*#__PURE__*/_jsx(Snackbar, {
     anchorOrigin: {
       vertical: "bottom",
       horizontal: "left"
     },
     autoHideDuration: 5000,
     TransitionComponent: function TransitionComponent(props) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Slide, _objectSpread(_objectSpread({}, props), {}, {
+      return /*#__PURE__*/_jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
         direction: "right"
       }));
     },
-    message: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    message: /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.dam.upload.noEmptyFolders",
       defaultMessage: "Empty folders can't be uploaded"
     })
@@ -326,7 +302,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
   // handles upload of native file (e.g. file from desktop) to current folder:
   // If the native file is dropped on a file row in the DataGrid, it is uploaded
   // to the current folder
-  var _useDropzone = (0, _reactDropzone.useDropzone)(_objectSpread(_objectSpread({}, fileUploadApi.dropzoneConfig), {}, {
+  var _useDropzone = useDropzone(_objectSpread(_objectSpread({}, fileUploadApi.dropzoneConfig), {}, {
       noClick: true,
       onDragOver: function onDragOver() {
         var _currentFolderData$da;
@@ -374,7 +350,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
       }()
     })),
     getFileRootProps = _useDropzone.getRootProps;
-  var _useState5 = (0, _react.useState)(),
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
     damItemToMove = _useState6[0],
     setDamItemToMove = _useState6[1];
@@ -400,7 +376,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
           throw new Error("Selected item does not exist");
         }
         var type;
-        if (item && (0, _isFolder.isFolder)(item)) {
+        if (item && isFolder(item)) {
           type = "folder";
         } else {
           type = "file";
@@ -433,7 +409,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     renderCell: function renderCell(_ref5) {
       var _fileUploadApi$newlyU;
       var row = _ref5.row;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamItemLabelColumn.DamItemLabelColumn, {
+      return /*#__PURE__*/_jsx(DamItemLabelColumn, {
         item: row,
         renderDamLabel: renderDamLabel,
         matches: matches,
@@ -463,7 +439,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     }),
     renderCell: function renderCell(_ref6) {
       var row = _ref6.row;
-      if ((0, _isFile.isFile)(row) && row.importSourceType && importSources !== null && importSources !== void 0 && importSources[row.importSourceType]) {
+      if (isFile(row) && row.importSourceType && importSources !== null && importSources !== void 0 && importSources[row.importSourceType]) {
         return importSources[row.importSourceType].label;
       }
     },
@@ -482,9 +458,9 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     minWidth: 140,
     renderCell: function renderCell(_ref7) {
       var row = _ref7.row;
-      if ((0, _isFile.isFile)(row) && row.mimetype) {
+      if (isFile(row) && row.mimetype) {
         return row.mimetype;
-      } else if ((0, _isFolder.isFolder)(row)) {
+      } else if (isFolder(row)) {
         return intl.formatMessage({
           id: "comet.dam.file.fileType.folder",
           defaultMessage: "Folder"
@@ -505,12 +481,12 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     minWidth: 100,
     renderCell: function renderCell(_ref8) {
       var row = _ref8.row;
-      if ((0, _isFile.isFile)(row)) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.PrettyBytes, {
+      if (isFile(row)) {
+        return /*#__PURE__*/_jsx(PrettyBytes, {
           value: row.size
         });
       } else {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        return /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.dam.folderSize",
           defaultMessage: "{number} {number, plural, one {item} other {items}}",
           values: {
@@ -533,19 +509,19 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     minWidth: 200,
     renderCell: function renderCell(_ref9) {
       var row = _ref9.row;
-      if ((0, _isFile.isFile)(row) && row.license && row.license.type) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.GridCellContent, {
-          primaryText: _licenseType.licenseTypeLabels[row.license.type],
-          secondaryText: row.license.expiresWithinThirtyDays || row.license.hasExpired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseValidityTags.LicenseValidityTags, _objectSpread(_objectSpread({}, row.license), {}, {
+      if (isFile(row) && row.license && row.license.type) {
+        return /*#__PURE__*/_jsx(GridCellContent, {
+          primaryText: licenseTypeLabels[row.license.type],
+          secondaryText: row.license.expiresWithinThirtyDays || row.license.hasExpired ? /*#__PURE__*/_jsx(LicenseValidityTags, _objectSpread(_objectSpread({}, row.license), {}, {
             expirationDate: row.license.expirationDate ? new Date(row.license.expirationDate) : undefined
-          })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          })) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(FormattedMessage, {
               id: "comet.dam.file.license.validUntil",
               defaultMessage: "Valid until:"
-            }), " ", row.license.durationTo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedDate, {
+            }), " ", row.license.durationTo ? /*#__PURE__*/_jsx(FormattedDate, {
               value: row.license.durationTo,
               dateStyle: "medium"
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            }) : /*#__PURE__*/_jsx(FormattedMessage, {
               id: "comet.dam.file.license.unlimited",
               defaultMessage: "Unlimited"
             })]
@@ -566,19 +542,19 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     align: "right",
     minWidth: 100,
     renderHeader: function renderHeader(props) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridColumnHeaderTitle, {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(GridColumnHeaderTitle, {
           label: intl.formatMessage({
             id: "comet.dam.file.usages",
             defaultMessage: "Usages"
           }),
           columnWidth: 150
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Tooltip, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.dam.file.usages.tooltip",
             defaultMessage: "Cached for performance, can be slightly outdated"
           }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Info, {
+          children: /*#__PURE__*/_jsx(InfoIcon, {
             sx: {
               marginLeft: 1
             }
@@ -588,7 +564,7 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     },
     renderCell: function renderCell(_ref0) {
       var row = _ref0.row;
-      if ((0, _isFile.isFile)(row)) {
+      if (isFile(row)) {
         return row.dependents.totalCount;
       }
     },
@@ -640,10 +616,10 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     width: 52,
     renderCell: function renderCell(_ref1) {
       var row = _ref1.row;
-      return (0, _isFile.isFile)(row) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamContextMenu["default"], {
+      return isFile(row) ? /*#__PURE__*/_jsx(DamContextMenu, {
         file: row,
         openMoveDialog: openMoveDialog
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamContextMenu["default"], {
+      }) : /*#__PURE__*/_jsx(DamContextMenu, {
         folder: row,
         openMoveDialog: openMoveDialog
       });
@@ -658,11 +634,11 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
   var uploadFilters = {
     allowedMimetypes: props.allowedMimetypes
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(sc.FolderOuterHoverHighlight, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(sc.FolderOuterHoverHighlight, _objectSpread(_objectSpread({
       isHovered: hoveredId === "root"
     }, getFileRootProps()), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.DataGrid, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(DataGrid, _objectSpread(_objectSpread({
         apiRef: apiRef
       }, dataGridProps), {}, {
         rowHeight: 58,
@@ -698,16 +674,16 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
           }
         }
       }))
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadFooter.DamUploadFooter, {
+    })), /*#__PURE__*/_jsx(DamUploadFooter, {
       open: Boolean(uploadTargetFolderName),
       folderName: uploadTargetFolderName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.EditDialog, {
+    }), /*#__PURE__*/_jsx(EditDialog, {
       title: {
-        edit: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        edit: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.dam.folderEditDialog.renameFolder",
           defaultMessage: "Rename folder"
         }),
-        add: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        add: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.dam.folderEditDialog.addFolder",
           defaultMessage: "Add folder"
         })
@@ -715,15 +691,15 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
       children: function children(_ref10) {
         var selectedId = _ref10.selectedId,
           selectionMode = _ref10.selectionMode;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
-          children: [selectionMode === "add" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddFolder["default"], {
+        return /*#__PURE__*/_jsxs(DialogContent, {
+          children: [selectionMode === "add" && /*#__PURE__*/_jsx(AddFolder, {
             parentId: selectedId
-          }), selectionMode === "edit" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditFolder["default"], {
+          }), selectionMode === "edit" && /*#__PURE__*/_jsx(EditFolder, {
             id: selectedId
           })]
         });
       }
-    }), fileUploadApi.dialogs, /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoveDamItemDialog.MoveDamItemDialog, {
+    }), fileUploadApi.dialogs, /*#__PURE__*/_jsx(MoveDamItemDialog, {
       damItemsToMove: damItemToMove ? [damItemToMove] : [],
       open: moveDialogOpen,
       onClose: function onClose() {
@@ -732,4 +708,4 @@ var FolderDataGrid = function FolderDataGrid(_ref2) {
     })]
   });
 };
-var _default = exports["default"] = FolderDataGrid;
+export default FolderDataGrid;

package/lib/dam/DataGrid/FolderDataGrid.sc.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FolderOuterHoverHighlight = void 0;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _DamThumbnail = require("./thumbnail/DamThumbnail");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var FolderOuterHoverHighlight = exports.FolderOuterHoverHighlight = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+import { alpha } from "@mui/material";
+import { css, styled } from "@mui/material/styles";
+import { inboxFolderColor } from "./thumbnail/DamThumbnail";
+export var FolderOuterHoverHighlight = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== "isHovered";
   },
@@ -23,11 +17,11 @@ var FolderOuterHoverHighlight = exports.FolderOuterHoverHighlight = /*#__PURE__*
 })("position:relative;display:flex;flex-grow:1;flex-direction:column;justify-content:flex-start;height:100%;overflow:hidden;", function (_ref) {
   var isHovered = _ref.isHovered,
     theme = _ref.theme;
-  return isHovered && (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            outline: solid 1px ", ";\n\n            & .MuiDataGrid-root {\n                background-color: ", ";\n            }\n\n            & .MuiDataGrid-root .MuiDataGrid-container--top [role=\"row\"] {\n                background-color: transparent;\n\n                & .MuiDataGrid-columnHeader.MuiDataGrid-withBorderColor {\n                    border-bottom-color: transparent;\n                }\n            }\n\n            & .MuiDataGrid-footerContainer.MuiDataGrid-withBorderColor {\n                border-top-color: ", ";\n            }\n        "])), theme.palette.primary.main, (0, _material.alpha)(theme.palette.primary.main, 0.1), theme.palette.grey[100]);
+  return isHovered && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            outline: solid 1px ", ";\n\n            & .MuiDataGrid-root {\n                background-color: ", ";\n            }\n\n            & .MuiDataGrid-root .MuiDataGrid-container--top [role=\"row\"] {\n                background-color: transparent;\n\n                & .MuiDataGrid-columnHeader.MuiDataGrid-withBorderColor {\n                    border-bottom-color: transparent;\n                }\n            }\n\n            & .MuiDataGrid-footerContainer.MuiDataGrid-withBorderColor {\n                border-top-color: ", ";\n            }\n        "])), theme.palette.primary.main, alpha(theme.palette.primary.main, 0.1), theme.palette.grey[100]);
 }, " & .MuiDataGrid-row{transition:background-color 1s ease-in-out;&.CometDataGridRow--highlighted{background-color:", function (_ref2) {
   var theme = _ref2.theme;
-  return (0, _material.alpha)(theme.palette.primary.dark, 0.4);
+  return alpha(theme.palette.primary.dark, 0.4);
 }, ";}}& .MuiDataGrid-row.CometDataGridRow--inboxFolder{background-color:", function (_ref3) {
   var isHovered = _ref3.isHovered;
-  return isHovered ? (0, _material.alpha)(_DamThumbnail.inboxFolderColor, 0.1) : (0, _material.alpha)(_DamThumbnail.inboxFolderColor, 0.05);
-}, ";&:hover{background-color:", (0, _material.alpha)(_DamThumbnail.inboxFolderColor, 0.1), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvRm9sZGVyRGF0YUdyaWQuc2MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN1SSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZGFtL0RhdGFHcmlkL0ZvbGRlckRhdGFHcmlkLnNjLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFscGhhIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmltcG9ydCB7IGluYm94Rm9sZGVyQ29sb3IgfSBmcm9tIFwiLi90aHVtYm5haWwvRGFtVGh1bWJuYWlsXCI7XG5cbmludGVyZmFjZSBUYWJsZUhvdmVySGlnaGxpZ2h0UHJvcHMge1xuICAgIGlzSG92ZXJlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBGb2xkZXJPdXRlckhvdmVySGlnaGxpZ2h0ID0gc3R5bGVkKFwiZGl2XCIsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcImlzSG92ZXJlZFwiIH0pPFRhYmxlSG92ZXJIaWdobGlnaHRQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJHsoeyBpc0hvdmVyZWQsIHRoZW1lIH0pID0+XG4gICAgICAgIGlzSG92ZXJlZCAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgICBvdXRsaW5lOiBzb2xpZCAxcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG5cbiAgICAgICAgICAgICYgLk11aURhdGFHcmlkLXJvb3Qge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWxwaGEodGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4sIDAuMSl9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1yb290IC5NdWlEYXRhR3JpZC1jb250YWluZXItLXRvcCBbcm9sZT1cInJvd1wiXSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1jb2x1bW5IZWFkZXIuTXVpRGF0YUdyaWQtd2l0aEJvcmRlckNvbG9yIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1mb290ZXJDb250YWluZXIuTXVpRGF0YUdyaWQtd2l0aEJvcmRlckNvbG9yIHtcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYH1cblxuICAgICYgLk11aURhdGFHcmlkLXJvdyB7XG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICAgJi5Db21ldERhdGFHcmlkUm93LS1oaWdobGlnaHRlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IGFscGhhKHRoZW1lLnBhbGV0dGUucHJpbWFyeS5kYXJrLCAwLjQpfTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYgLk11aURhdGFHcmlkLXJvdy5Db21ldERhdGFHcmlkUm93LS1pbmJveEZvbGRlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNIb3ZlcmVkIH0pID0+IChpc0hvdmVyZWQgPyBhbHBoYShpbmJveEZvbGRlckNvbG9yLCAwLjEpIDogYWxwaGEoaW5ib3hGb2xkZXJDb2xvciwgMC4wNSkpfTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWxwaGEoaW5ib3hGb2xkZXJDb2xvciwgMC4xKX07XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
+  return isHovered ? alpha(inboxFolderColor, 0.1) : alpha(inboxFolderColor, 0.05);
+}, ";&:hover{background-color:", alpha(inboxFolderColor, 0.1), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvRm9sZGVyRGF0YUdyaWQuc2MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN1SSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZGFtL0RhdGFHcmlkL0ZvbGRlckRhdGFHcmlkLnNjLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFscGhhIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmltcG9ydCB7IGluYm94Rm9sZGVyQ29sb3IgfSBmcm9tIFwiLi90aHVtYm5haWwvRGFtVGh1bWJuYWlsXCI7XG5cbmludGVyZmFjZSBUYWJsZUhvdmVySGlnaGxpZ2h0UHJvcHMge1xuICAgIGlzSG92ZXJlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBGb2xkZXJPdXRlckhvdmVySGlnaGxpZ2h0ID0gc3R5bGVkKFwiZGl2XCIsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcImlzSG92ZXJlZFwiIH0pPFRhYmxlSG92ZXJIaWdobGlnaHRQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJHsoeyBpc0hvdmVyZWQsIHRoZW1lIH0pID0+XG4gICAgICAgIGlzSG92ZXJlZCAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgICBvdXRsaW5lOiBzb2xpZCAxcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG5cbiAgICAgICAgICAgICYgLk11aURhdGFHcmlkLXJvb3Qge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWxwaGEodGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4sIDAuMSl9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1yb290IC5NdWlEYXRhR3JpZC1jb250YWluZXItLXRvcCBbcm9sZT1cInJvd1wiXSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1jb2x1bW5IZWFkZXIuTXVpRGF0YUdyaWQtd2l0aEJvcmRlckNvbG9yIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmIC5NdWlEYXRhR3JpZC1mb290ZXJDb250YWluZXIuTXVpRGF0YUdyaWQtd2l0aEJvcmRlckNvbG9yIHtcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JleVsxMDBdfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYH1cblxuICAgICYgLk11aURhdGFHcmlkLXJvdyB7XG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICAgJi5Db21ldERhdGFHcmlkUm93LS1oaWdobGlnaHRlZCB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IGFscGhhKHRoZW1lLnBhbGV0dGUucHJpbWFyeS5kYXJrLCAwLjQpfTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYgLk11aURhdGFHcmlkLXJvdy5Db21ldERhdGFHcmlkUm93LS1pbmJveEZvbGRlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNIb3ZlcmVkIH0pID0+IChpc0hvdmVyZWQgPyBhbHBoYShpbmJveEZvbGRlckNvbG9yLCAwLjEpIDogYWxwaGEoaW5ib3hGb2xkZXJDb2xvciwgMC4wNSkpfTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWxwaGEoaW5ib3hGb2xkZXJDb2xvciwgMC4xKX07XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/lib/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.d.ts

@@ -1,2 +1,2 @@
-export declare const damAreFilenamesOccupied: import("@apollo/client").DocumentNode;
+export declare const damAreFilenamesOccupied: import("graphql").DocumentNode;
 //# sourceMappingURL=ManualDuplicatedFilenamesHandler.gql.d.ts.map

package/lib/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManualDuplicatedFilenamesHandler.gql.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,uCAQnC,CAAC"}
+{"version":3,"file":"ManualDuplicatedFilenamesHandler.gql.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,gCAQnC,CAAC"}

package/lib/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.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: {
     DamAreFilenamesOccupied: 'DamAreFilenamesOccupied'
   }

package/lib/dam/DataGrid/duplicatedFilenames/ManualDuplicatedFilenamesHandler.gql.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.damAreFilenamesOccupied = 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 damAreFilenamesOccupied = exports.damAreFilenamesOccupied = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query DamAreFilenamesOccupied($filenames: [FilenameInput!]!, $scope: DamScopeInput!) {\n        filenamesResponse: damAreFilenamesOccupied(filenames: $filenames, scope: $scope) {\n            name\n            folderId\n            isOccupied\n        }\n    }\n"])));
+import { gql } from "@apollo/client";
+export var damAreFilenamesOccupied = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query DamAreFilenamesOccupied($filenames: [FilenameInput!]!, $scope: DamScopeInput!) {\n        filenamesResponse: damAreFilenamesOccupied(filenames: $filenames, scope: $scope) {\n            name\n            folderId\n            isOccupied\n        }\n    }\n"])));