@comet/cms-admin 8.17.1 → 9.0.0-beta.0

package/lib/dam/DataGrid/fileUpload/useDamFileUpload.js

@@ -1,26 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDamFileUpload = void 0;
-var _client = require("@apollo/client");
-var _react = require("react");
-var _errorMessages = require("../../../common/errors/errorMessages");
-var _CometConfigContext = require("../../../config/CometConfigContext");
-var _upload = require("../../../form/file/upload");
-var _damConfig = require("../../config/damConfig");
-var _useDamAcceptedMimeTypes = require("../../config/useDamAcceptedMimeTypes");
-var _useDamScope = require("../../config/useDamScope");
-var _clearDamItemCache = require("../../helpers/clearDamItemCache");
-var _ManualDuplicatedFilenamesHandler = require("../duplicatedFilenames/ManualDuplicatedFilenamesHandler");
-var _fileUpload = require("./fileUpload.utils");
-var _FileUploadContext = require("./FileUploadContext");
-var _FileUploadErrorDialog = require("./FileUploadErrorDialog");
-var _fileUploadErrorMessages = require("./fileUploadErrorMessages");
-var _ProgressDialog = require("./ProgressDialog");
-var _useDamFileUpload = require("./useDamFileUpload.gql");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["errors"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
@@ -46,6 +23,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 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); }); }; }
+import { useApolloClient } from "@apollo/client";
+import { useCallback, useMemo, useState } from "react";
+import { NetworkError, UnknownError } from "../../../common/errors/errorMessages";
+import { useCometConfig } from "../../../config/CometConfigContext";
+import { replaceByFilenameAndFolder, upload } from "../../../form/file/upload";
+import { useDamBasePath, useDamConfig } from "../../config/damConfig";
+import { useDamAcceptedMimeTypes } from "../../config/useDamAcceptedMimeTypes";
+import { useDamScope } from "../../config/useDamScope";
+import { clearDamItemCache } from "../../helpers/clearDamItemCache";
+import { useManualDuplicatedFilenamesHandler } from "../duplicatedFilenames/ManualDuplicatedFilenamesHandler";
+import { convertMimetypesToDropzoneAccept } from "./fileUpload.utils";
+import { useFileUploadContext } from "./FileUploadContext";
+import { FileUploadErrorDialog } from "./FileUploadErrorDialog";
+import { FileExtensionTypeMismatchError, FilenameTooLongError, FileSizeError, MaxResolutionError, MissingFileExtensionError, SvgContainsJavaScriptError, UnsupportedTypeError } from "./fileUploadErrorMessages";
+import { ProgressDialog } from "./ProgressDialog";
+import { createDamFolderForFolderUpload, damFolderByNameAndParentId } from "./useDamFileUpload.gql";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var addFolderPathToFiles = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(acceptedFiles) {
     var newFiles, _iterator, _step, _file$path, _file$path2, _harmonizedPath, file, harmonizedPath, _file$path3, buffer, newFile, folderPath, _t;
@@ -117,40 +111,40 @@ var addFolderPathToFiles = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(options) {
-  var _useCometConfig = (0, _CometConfigContext.useCometConfig)(),
+export var useDamFileUpload = function useDamFileUpload(options) {
+  var _useCometConfig = useCometConfig(),
     apiUrl = _useCometConfig.apiUrl;
-  var damConfig = (0, _damConfig.useDamConfig)();
-  var damBasePath = (0, _damConfig.useDamBasePath)();
-  var client = (0, _client.useApolloClient)();
-  var manualDuplicatedFilenamesHandler = (0, _ManualDuplicatedFilenamesHandler.useManualDuplicatedFilenamesHandler)();
-  var scope = (0, _useDamScope.useDamScope)();
-  var _useDamAcceptedMimeTy = (0, _useDamAcceptedMimeTypes.useDamAcceptedMimeTypes)(),
+  var damConfig = useDamConfig();
+  var damBasePath = useDamBasePath();
+  var client = useApolloClient();
+  var manualDuplicatedFilenamesHandler = useManualDuplicatedFilenamesHandler();
+  var scope = useDamScope();
+  var _useDamAcceptedMimeTy = useDamAcceptedMimeTypes(),
     allAcceptedMimeTypes = _useDamAcceptedMimeTy.allAcceptedMimeTypes;
-  var accept = (0, _react.useMemo)(function () {
+  var accept = useMemo(function () {
     var _options$acceptedMime;
-    return (0, _fileUpload.convertMimetypesToDropzoneAccept)((_options$acceptedMime = options.acceptedMimetypes) !== null && _options$acceptedMime !== void 0 ? _options$acceptedMime : allAcceptedMimeTypes);
+    return convertMimetypesToDropzoneAccept((_options$acceptedMime = options.acceptedMimetypes) !== null && _options$acceptedMime !== void 0 ? _options$acceptedMime : allAcceptedMimeTypes);
   }, [allAcceptedMimeTypes, options.acceptedMimetypes]);
-  var _useFileUploadContext = (0, _FileUploadContext.useFileUploadContext)(),
+  var _useFileUploadContext = useFileUploadContext(),
     newlyUploadedItems = _useFileUploadContext.newlyUploadedItems,
     addNewlyUploadedItems = _useFileUploadContext.addNewlyUploadedItems;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     progressDialogOpen = _useState2[0],
     setProgressDialogOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     validationErrors = _useState4[0],
     setValidationErrors = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     errorDialogOpen = _useState6[0],
     setErrorDialogOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)({}),
+  var _useState7 = useState({}),
     _useState8 = _slicedToArray(_useState7, 2),
     totalSizes = _useState8[0],
     setTotalSizes = _useState8[1];
-  var _useState9 = (0, _react.useState)({}),
+  var _useState9 = useState({}),
     _useState0 = _slicedToArray(_useState9, 2),
     uploadedSizes = _useState0[0],
     setUploadedSizes = _useState0[1];
@@ -176,20 +170,20 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, path, value));
     });
   };
-  var generateValidationErrorsForRejectedFiles = (0, _react.useCallback)(function (fileRejections) {
+  var generateValidationErrorsForRejectedFiles = useCallback(function (fileRejections) {
     var _iterator2 = _createForOfIteratorHelper(fileRejections),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var fileRejection = _step2.value;
         if (fileRejection.file.size > maxFileSizeInBytes) {
-          addValidationError(fileRejection.file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.FileSizeError, {
+          addValidationError(fileRejection.file, /*#__PURE__*/_jsx(FileSizeError, {
             maxFileSizeInBytes: maxFileSizeInBytes
           }));
         }
         if (!accept[fileRejection.file.type]) {
           var extension = ".".concat(fileRejection.file.name.split(".").pop());
-          addValidationError(fileRejection.file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.UnsupportedTypeError, {
+          addValidationError(fileRejection.file, /*#__PURE__*/_jsx(UnsupportedTypeError, {
             extension: extension
           }));
         }
@@ -200,7 +194,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
       _iterator2.f();
     }
   }, [accept, maxFileSizeInBytes]);
-  var lookupDamFolder = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var lookupDamFolder = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(folderName, parentId) {
       var _data$damFolder;
       var _yield$client$query, data;
@@ -209,7 +203,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
           case 0:
             _context2.n = 1;
             return client.query({
-              query: _useDamFileUpload.damFolderByNameAndParentId,
+              query: damFolderByNameAndParentId,
               variables: {
                 name: folderName,
                 parentId: parentId,
@@ -228,7 +222,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
       return _ref2.apply(this, arguments);
     };
   }(), [client, scope]);
-  var createDamFolder = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var createDamFolder = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(folderName, parentId) {
       var _yield$client$mutate, data;
       return _regenerator().w(function (_context3) {
@@ -236,7 +230,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
           case 0:
             _context3.n = 1;
             return client.mutate({
-              mutation: _useDamFileUpload.createDamFolderForFolderUpload,
+              mutation: createDamFolderForFolderUpload,
               variables: {
                 name: folderName,
                 parentId: parentId,
@@ -260,7 +254,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
       return _ref3.apply(this, arguments);
     };
   }(), [client, scope]);
-  var createInitialFolderIdMap = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var createInitialFolderIdMap = useCallback(/*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(files, currFolderId) {
       var folderIdMap, lookupCache, _iterator3, _step3, file, noLookup, pathArr, i, path, completePath, folderName, parentPath, parentId, id, _t2;
       return _regenerator().w(function (_context4) {
@@ -358,7 +352,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
       return _ref4.apply(this, arguments);
     };
   }(), [lookupDamFolder]);
-  var createFoldersIfNecessary = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var createFoldersIfNecessary = useCallback(/*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(externalFolderIdMap, file, currFolderId) {
       var newlyCreatedFolderIds, folderIdMap, pathArr, i, path, completePath, folderName, parentPath, parentId, id;
       return _regenerator().w(function (_context5) {
@@ -427,7 +421,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
     });
     return filesToUpload;
   };
-  var handleDuplicatedFilenames = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var handleDuplicatedFilenames = useCallback(/*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(filesWithFolderPaths, currentFolderId, folderIdMap) {
       var filesInNewDir, filesInExistingDir, _iterator4, _step4, file, userSelection, filesToUpload;
       return _regenerator().w(function (_context6) {
@@ -588,14 +582,14 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
                       break;
                     }
                     _context7.n = 3;
-                    return (0, _upload.replaceByFilenameAndFolder)(uploadParams);
+                    return replaceByFilenameAndFolder(uploadParams);
                   case 3:
                     _t3 = _context7.v;
                     _context7.n = 6;
                     break;
                   case 4:
                     _context7.n = 5;
-                    return (0, _upload.upload)(uploadParams);
+                    return upload(uploadParams);
                   case 5:
                     _t3 = _context7.v;
                   case 6:
@@ -617,34 +611,34 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
                     _t4 = _context7.v;
                     errorOccurred = true;
                     if (hasObjectErrorData(_t4) && ((_err$response = _t4.response) === null || _err$response === void 0 ? void 0 : _err$response.data.error) === "CometImageResolutionException") {
-                      addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.MaxResolutionError, {
+                      addValidationError(file, /*#__PURE__*/_jsx(MaxResolutionError, {
                         maxResolution: damConfig.maxSrcResolution
                       }));
                     } else if (hasObjectErrorData(_t4) && ((_err$response2 = _t4.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.data.error) === "CometValidationException") {
                       message = _t4.response.data.message;
                       extension = ".".concat(file.name.split(".").pop());
                       if (message.includes("Unsupported mime type")) {
-                        addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.UnsupportedTypeError, {
+                        addValidationError(file, /*#__PURE__*/_jsx(UnsupportedTypeError, {
                           extension: extension
                         }));
                       } else if (message.includes("Missing file extension")) {
-                        addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.MissingFileExtensionError, {}));
+                        addValidationError(file, /*#__PURE__*/_jsx(MissingFileExtensionError, {}));
                       } else if (message.includes("File type and extension mismatch")) {
-                        addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.FileExtensionTypeMismatchError, {
+                        addValidationError(file, /*#__PURE__*/_jsx(FileExtensionTypeMismatchError, {
                           extension: extension,
                           mimetype: file.type
                         }));
                       } else if (message.includes("Filename is too long")) {
-                        addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.FilenameTooLongError, {}));
+                        addValidationError(file, /*#__PURE__*/_jsx(FilenameTooLongError, {}));
                       } else {
-                        addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.UnknownError, {}));
+                        addValidationError(file, /*#__PURE__*/_jsx(UnknownError, {}));
                       }
                     } else if (hasStringErrorData(_t4) && _t4.response.data.includes("SVG contains forbidden content")) {
-                      addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.SvgContainsJavaScriptError, {}));
+                      addValidationError(file, /*#__PURE__*/_jsx(SvgContainsJavaScriptError, {}));
                     } else if (hasRequestData(_t4)) {
-                      addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.NetworkError, {}));
+                      addValidationError(file, /*#__PURE__*/_jsx(NetworkError, {}));
                     } else {
-                      addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.UnknownError, {}));
+                      addValidationError(file, /*#__PURE__*/_jsx(UnknownError, {}));
                     }
                     rejectedFiles.push({
                       file: file
@@ -679,7 +673,7 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
             _context8.n = 11;
             return client.reFetchObservableQueries();
           case 11:
-            (0, _clearDamItemCache.clearDamItemCache)(client.cache);
+            clearDamItemCache(client.cache);
           case 12:
             setProgressDialogOpen(false);
             if (errorOccurred) {
@@ -704,15 +698,15 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
     uploadFiles: uploadFiles,
     validationErrors: validationErrors,
     maxFileSizeInBytes: maxFileSizeInBytes,
-    dialogs: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FileUploadErrorDialog.FileUploadErrorDialog, {
+    dialogs: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(FileUploadErrorDialog, {
         open: errorDialogOpen,
         validationErrors: validationErrors,
         onClose: function onClose() {
           setValidationErrors(undefined);
           setErrorDialogOpen(false);
         }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressDialog.ProgressDialog, {
+      }), /*#__PURE__*/_jsx(ProgressDialog, {
         open: progressDialogOpen,
         totalSize: totalSize,
         loadedSize: uploadedSize

package/lib/dam/DataGrid/filter/DamSortPopover.js

@@ -1,48 +1,40 @@
-"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.DamSortPopover = void 0;
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var sc = _interopRequireWildcard(require("./DamSortPopover.sc"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { SortDirection } from "@comet/admin";
+import { Check, ChevronDown } from "@comet/admin-icons";
+import { List, ListItemButton, Typography } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import * as sc from "./DamSortPopover.sc";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var sortings = [{
   sortInfo: {
     columnName: "name",
-    direction: _admin.SortDirection.ASC
+    direction: SortDirection.ASC
   },
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.pages.dam.filename",
     defaultMessage: "Filename"
   })
 }, {
   sortInfo: {
     columnName: "updatedAt",
-    direction: _admin.SortDirection.DESC
+    direction: SortDirection.DESC
   },
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.pages.dam.changeDate",
     defaultMessage: "Change Date"
   })
 }, {
   sortInfo: {
     columnName: "createdAt",
-    direction: _admin.SortDirection.DESC
+    direction: SortDirection.DESC
   },
-  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  label: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.pages.dam.creationDate",
     defaultMessage: "Creation Date"
   })
@@ -51,24 +43,24 @@ var SortListItem = function SortListItem(_ref) {
   var children = _ref.children,
     selected = _ref.selected,
     onClick = _ref.onClick;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemButton, {
+  return /*#__PURE__*/_jsx(ListItemButton, {
     selected: selected,
     onClick: onClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(sc.InnerListItem, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/_jsxs(sc.InnerListItem, {
+      children: [/*#__PURE__*/_jsx("div", {
         children: children
-      }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Check, {})]
+      }), selected && /*#__PURE__*/_jsx(Check, {})]
     })
   });
 };
 // This component is heavily based on comet-admin FilterBarPopoverFilter (https://github.com/vivid-planet/comet-admin/blob/next/packages/admin/src/table/filterbar/filterBarPopoverFilter/FilterBarPopoverFilter.tsx)
 // Todo: Create a generic FilterBarPopover component in comet-admin and use it instead of this component
 
-var DamSortPopover = exports.DamSortPopover = function DamSortPopover(_ref2) {
+export var DamSortPopover = function DamSortPopover(_ref2) {
   var _sortings$find;
   var onChoose = _ref2.onChoose,
     currentSort = _ref2.currentSort;
-  var _useState = (0, _react.useState)(null),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     anchorEl = _useState2[0],
     setAnchorEl = _useState2[1];
@@ -80,16 +72,16 @@ var DamSortPopover = exports.DamSortPopover = function DamSortPopover(_ref2) {
     onChoose(sortInfo);
     close();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(sc.Wrapper, {
+  return /*#__PURE__*/_jsxs(sc.Wrapper, {
     $active: anchorEl !== null,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(sc.SortByButton, {
+    children: [/*#__PURE__*/_jsxs(sc.SortByButton, {
       onClick: function onClick(event) {
         setAnchorEl(event.currentTarget);
       },
       disableRipple: true,
       variant: "outlined",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(sc.LabelWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      children: [/*#__PURE__*/_jsx(sc.LabelWrapper, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.pages.dam.sorting",
           defaultMessage: "Sorting: {sorting}",
           values: {
@@ -98,8 +90,8 @@ var DamSortPopover = exports.DamSortPopover = function DamSortPopover(_ref2) {
             })) === null || _sortings$find === void 0 ? void 0 : _sortings$find.label
           }
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronDown, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(sc.StyledPopover, {
+      }), /*#__PURE__*/_jsx(ChevronDown, {})]
+    }), /*#__PURE__*/_jsx(sc.StyledPopover, {
       open: open,
       anchorEl: anchorEl,
       onClose: close,
@@ -113,14 +105,14 @@ var DamSortPopover = exports.DamSortPopover = function DamSortPopover(_ref2) {
       },
       elevation: 2,
       keepMounted: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+      children: /*#__PURE__*/_jsx(List, {
         children: sortings.map(function (sorting, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(SortListItem, {
+          return /*#__PURE__*/_jsx(SortListItem, {
             onClick: function onClick() {
               return handleClick(sorting.sortInfo);
             },
             selected: currentSort.columnName === sorting.sortInfo.columnName,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+            children: /*#__PURE__*/_jsx(Typography, {
               variant: "body1",
               children: sorting.label
             })

package/lib/dam/DataGrid/filter/DamSortPopover.sc.d.ts

@@ -9,12 +9,10 @@ export declare const SortByButton: import("@emotion/styled").StyledComponent<Omi
     variant?: "primary" | "secondary" | "success" | "outlined" | "destructive" | "textLight" | "textDark";
     responsive?: boolean;
     mobileIcon?: "auto" | "startIcon" | "endIcon" | import("react").ReactNode;
-    mobileBreakpoint?: import("@mui/material").Breakpoint;
+    mobileBreakpoint?: import("@mui/system").Breakpoint;
 } & {
     color?: string;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "id" | "type" | "name" | "onSubmit" | "children" | "value" | "form" | "component" | "ref" | "className" | "style" | "classes" | "color" | "sx" | "slot" | "title" | "suppressHydrationWarning" | "lang" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "content" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "variant" | "disabled" | "slotProps" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "startIcon" | "endIcon" | "size" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "loadingIndicator" | "loadingPosition" | "responsive" | "mobileIcon" | "mobileBreakpoint"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "id" | "type" | "name" | "onSubmit" | "children" | "value" | "form" | "component" | "ref" | "className" | "style" | "classes" | "color" | "sx" | "slot" | "title" | "suppressHydrationWarning" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "content" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "variant" | "disabled" | "slotProps" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "startIcon" | "endIcon" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "responsive" | "mobileIcon" | "mobileBreakpoint"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const InnerListItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/dam/DataGrid/filter/DamSortPopover.sc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DamSortPopover.sc.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/filter/DamSortPopover.sc.ts"],"names":[],"mappings":"AAIA,UAAU,YAAY;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4OAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;6yKAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,6NAMxB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAGzB,CAAC;AAEF,eAAO,MAAM,aAAa,6NAMzB,CAAC"}
+{"version":3,"file":"DamSortPopover.sc.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/filter/DamSortPopover.sc.ts"],"names":[],"mappings":"AAIA,UAAU,YAAY;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4OAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;2vLAWxB,CAAC;AAEF,eAAO,MAAM,YAAY,6NAMxB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAGzB,CAAC;AAEF,eAAO,MAAM,aAAa,6NAMzB,CAAC"}

package/lib/dam/DataGrid/filter/DamSortPopover.sc.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.StyledPopover = exports.SortByButton = exports.LabelWrapper = exports.InnerListItem = void 0;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
 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 Wrapper = exports.Wrapper = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+import { Button } from "@comet/admin";
+import { Popover } from "@mui/material";
+import { styled } from "@mui/material/styles";
+export var Wrapper = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== "$active";
   },
@@ -27,7 +21,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/(0, _styles.styled)("div", process.
   styles: "width:fit-content;position:relative;border-radius:2px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvZmlsdGVyL0RhbVNvcnRQb3BvdmVyLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1RyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZGFtL0RhdGFHcmlkL2ZpbHRlci9EYW1Tb3J0UG9wb3Zlci5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCJAY29tZXQvYWRtaW5cIjtcbmltcG9ydCB7IFBvcG92ZXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICAgICRhY3RpdmU6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcIiRhY3RpdmVcIiB9KTxXcmFwcGVyUHJvcHM+YFxuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNvcnRCeUJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDExcHggMTRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmIFtjbGFzcyo9XCJtdWlzdmdpY29uLXJvb3RcIl0ge1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1hcmdpbi1yaWdodDogNnB4O1xuICAgICYgW2NsYXNzKj1cIk11aVR5cG9ncmFwaHktYm9keTFcIl0ge1xuICAgICAgICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHRSZWd1bGFyfTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKWBcbiAgICBtYXJnaW4tbGVmdDogLTFweDsgLy9kdWUgdG8gYm9yZGVyIG9mIHBvcG92ZXIsIGJ1dCBub3cgb3ZlcnJpZGVhYmxlIHdpdGggc3R5bGluZyBpZiBuZWVkZWRcbiAgICBtYXJnaW4tdG9wOiAycHg7IC8vZHVlIHRvIGJveFNoYWRvdyBvZiBwb3BvdmVyIHRvIG5vdCBvdmVybGFwIGJvcmRlciBvZiBjbGlja2FibGUgZmllbGRCYXJcbmA7XG5cbmV4cG9ydCBjb25zdCBJbm5lckxpc3RJdGVtID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIG1pbi13aWR0aDogMTUwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var SortByButton = exports.SortByButton = /*#__PURE__*/(0, _styles.styled)(_admin.Button, process.env.NODE_ENV === "production" ? {
+export var SortByButton = /*#__PURE__*/styled(Button, process.env.NODE_ENV === "production" ? {
   target: "e86ytr43"
 } : {
   target: "e86ytr43",
@@ -40,7 +34,7 @@ var SortByButton = exports.SortByButton = /*#__PURE__*/(0, _styles.styled)(_admi
   styles: "position:relative;align-items:center;padding:11px 14px;cursor:pointer;display:flex;margin:0;& [class*=\"muisvgicon-root\"]{font-size:12px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvZmlsdGVyL0RhbVNvcnRQb3BvdmVyLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZGFtL0RhdGFHcmlkL2ZpbHRlci9EYW1Tb3J0UG9wb3Zlci5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCJAY29tZXQvYWRtaW5cIjtcbmltcG9ydCB7IFBvcG92ZXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICAgICRhY3RpdmU6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIsIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSBcIiRhY3RpdmVcIiB9KTxXcmFwcGVyUHJvcHM+YFxuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFNvcnRCeUJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDExcHggMTRweDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmIFtjbGFzcyo9XCJtdWlzdmdpY29uLXJvb3RcIl0ge1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIG1hcmdpbi1yaWdodDogNnB4O1xuICAgICYgW2NsYXNzKj1cIk11aVR5cG9ncmFwaHktYm9keTFcIl0ge1xuICAgICAgICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRXZWlnaHRSZWd1bGFyfTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKWBcbiAgICBtYXJnaW4tbGVmdDogLTFweDsgLy9kdWUgdG8gYm9yZGVyIG9mIHBvcG92ZXIsIGJ1dCBub3cgb3ZlcnJpZGVhYmxlIHdpdGggc3R5bGluZyBpZiBuZWVkZWRcbiAgICBtYXJnaW4tdG9wOiAycHg7IC8vZHVlIHRvIGJveFNoYWRvdyBvZiBwb3BvdmVyIHRvIG5vdCBvdmVybGFwIGJvcmRlciBvZiBjbGlja2FibGUgZmllbGRCYXJcbmA7XG5cbmV4cG9ydCBjb25zdCBJbm5lckxpc3RJdGVtID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIG1pbi13aWR0aDogMTUwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+export var LabelWrapper = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e86ytr42"
 } : {
   target: "e86ytr42",
@@ -49,7 +43,7 @@ var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/(0, _styles.styled)("div"
   var theme = _ref.theme;
   return theme.typography.fontWeightRegular;
 }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvZmlsdGVyL0RhbVNvcnRQb3BvdmVyLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2RhbS9EYXRhR3JpZC9maWx0ZXIvRGFtU29ydFBvcG92ZXIuc2MudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiQGNvbWV0L2FkbWluXCI7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5pbnRlcmZhY2UgV3JhcHBlclByb3BzIHtcbiAgICAkYWN0aXZlOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCIkYWN0aXZlXCIgfSk8V3JhcHBlclByb3BzPmBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTb3J0QnlCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAxMXB4IDE0cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgJiBbY2xhc3MqPVwibXVpc3ZnaWNvbi1yb290XCJdIHtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBtYXJnaW4tcmlnaHQ6IDZweDtcbiAgICAmIFtjbGFzcyo9XCJNdWlUeXBvZ3JhcGh5LWJvZHkxXCJdIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0UmVndWxhcn07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcG92ZXIgPSBzdHlsZWQoUG9wb3ZlcilgXG4gICAgbWFyZ2luLWxlZnQ6IC0xcHg7IC8vZHVlIHRvIGJvcmRlciBvZiBwb3BvdmVyLCBidXQgbm93IG92ZXJyaWRlYWJsZSB3aXRoIHN0eWxpbmcgaWYgbmVlZGVkXG4gICAgbWFyZ2luLXRvcDogMnB4OyAvL2R1ZSB0byBib3hTaGFkb3cgb2YgcG9wb3ZlciB0byBub3Qgb3ZlcmxhcCBib3JkZXIgb2YgY2xpY2thYmxlIGZpZWxkQmFyXG5gO1xuXG5leHBvcnQgY29uc3QgSW5uZXJMaXN0SXRlbSA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDE1MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcbiJdfQ== */"));
-var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styles.styled)(_material.Popover, process.env.NODE_ENV === "production" ? {
+export var StyledPopover = /*#__PURE__*/styled(Popover, process.env.NODE_ENV === "production" ? {
   target: "e86ytr41"
 } : {
   target: "e86ytr41",
@@ -62,7 +56,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styles.styled)(_ma
   styles: "margin-left:-1px;margin-top:2px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYW0vRGF0YUdyaWQvZmlsdGVyL0RhbVNvcnRQb3BvdmVyLnNjLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DNEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2RhbS9EYXRhR3JpZC9maWx0ZXIvRGFtU29ydFBvcG92ZXIuc2MudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiQGNvbWV0L2FkbWluXCI7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5pbnRlcmZhY2UgV3JhcHBlclByb3BzIHtcbiAgICAkYWN0aXZlOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChcImRpdlwiLCB7IHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gXCIkYWN0aXZlXCIgfSk8V3JhcHBlclByb3BzPmBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTb3J0QnlCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAxMXB4IDE0cHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgJiBbY2xhc3MqPVwibXVpc3ZnaWNvbi1yb290XCJdIHtcbiAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBtYXJnaW4tcmlnaHQ6IDZweDtcbiAgICAmIFtjbGFzcyo9XCJNdWlUeXBvZ3JhcGh5LWJvZHkxXCJdIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5mb250V2VpZ2h0UmVndWxhcn07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcG92ZXIgPSBzdHlsZWQoUG9wb3ZlcilgXG4gICAgbWFyZ2luLWxlZnQ6IC0xcHg7IC8vZHVlIHRvIGJvcmRlciBvZiBwb3BvdmVyLCBidXQgbm93IG92ZXJyaWRlYWJsZSB3aXRoIHN0eWxpbmcgaWYgbmVlZGVkXG4gICAgbWFyZ2luLXRvcDogMnB4OyAvL2R1ZSB0byBib3hTaGFkb3cgb2YgcG9wb3ZlciB0byBub3Qgb3ZlcmxhcCBib3JkZXIgb2YgY2xpY2thYmxlIGZpZWxkQmFyXG5gO1xuXG5leHBvcnQgY29uc3QgSW5uZXJMaXN0SXRlbSA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDE1MHB4O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var InnerListItem = exports.InnerListItem = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+export var InnerListItem = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e86ytr40"
 } : {
   target: "e86ytr40",

package/lib/dam/DataGrid/filter/DamTableFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DamTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/filter/DamTableFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,KAAK,UAAU,EAIlB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,mBAAmB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,GAAI,kCAAkC,mBAAmB,4CAgCnF,CAAC"}
+{"version":3,"file":"DamTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/filter/DamTableFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,KAAK,UAAU,EAIlB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,mBAAmB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,GAAI,kCAAkC,mBAAmB,4CA+BnF,CAAC"}

package/lib/dam/DataGrid/filter/DamTableFilter.js

@@ -1,29 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DamTableFilter = void 0;
-var _admin = require("@comet/admin");
-var _reactIntl = require("react-intl");
-var _DamSortPopover = require("./DamSortPopover");
-var _jsxRuntime = require("react/jsx-runtime");
-var DamTableFilter = exports.DamTableFilter = function DamTableFilter(_ref) {
+import { Field, FilterBar, FilterBarPopoverFilter, FinalFormSearchTextField, SwitchField, TableFilterFinalForm } from "@comet/admin";
+import { FormattedMessage, useIntl } from "react-intl";
+import { DamSortPopover } from "./DamSortPopover";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var DamTableFilter = function DamTableFilter(_ref) {
   var filterApi = _ref.filterApi,
     hideArchiveFilter = _ref.hideArchiveFilter;
-  var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.TableFilterFinalForm, {
+  var intl = useIntl();
+  return /*#__PURE__*/_jsx(TableFilterFinalForm, {
     filterApi: filterApi,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.FilterBar, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+    children: /*#__PURE__*/_jsxs(FilterBar, {
+      children: [/*#__PURE__*/_jsx(Field, {
         name: "searchText",
-        component: _admin.FinalFormSearchTextField,
-        clearable: true,
+        component: FinalFormSearchTextField,
         disableContentTranslation: true,
         fieldContainerProps: {
           fieldMargin: "never"
         }
-      }), !hideArchiveFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FilterBarPopoverFilter, {
+      }), !hideArchiveFilter && /*#__PURE__*/_jsx(FilterBarPopoverFilter, {
         label: intl.formatMessage({
           id: "comet.pages.dam.archived",
           defaultMessage: "Archived"
@@ -33,18 +26,18 @@ var DamTableFilter = exports.DamTableFilter = function DamTableFilter(_ref) {
           marginLeft: 2,
           marginBottom: 0
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.SwitchField, {
+        children: /*#__PURE__*/_jsx(SwitchField, {
           name: "archived",
-          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          label: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.pages.dam.showArchivedAssets",
             defaultMessage: "Show archived assets"
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+      }), /*#__PURE__*/_jsx(Field, {
         name: "sort",
         children: function children(_ref2) {
           var input = _ref2.input;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamSortPopover.DamSortPopover, {
+          return /*#__PURE__*/_jsx(DamSortPopover, {
             onChoose: input.onChange,
             currentSort: input.value
           });