@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/form/file/FileDropzone.js

@@ -1,18 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileDropzone = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactDropzone = require("react-dropzone");
-var _reactIntl = require("react-intl");
-var _Button = require("../../common/buttons/Button");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
 var _excluded = ["disabled", "hasError", "hideDroppableArea", "hideButton", "multiple", "dropzoneText", "buttonText", "iconMapping", "slotProps", "sx", "className"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -29,8 +15,16 @@ 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; }
-var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { Error, Select } from "@comet/admin-icons";
+import { Box, css, Typography, useThemeProps } from "@mui/material";
+import { useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../../common/buttons/Button";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var FileDropzone = function FileDropzone(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFileDropzone"
     }),
@@ -40,18 +34,18 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     hideButton = _useThemeProps.hideButton,
     multiple = _useThemeProps.multiple,
     _useThemeProps$dropzo = _useThemeProps.dropzoneText,
-    dropzoneText = _useThemeProps$dropzo === void 0 ? multiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    dropzoneText = _useThemeProps$dropzo === void 0 ? multiple ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.fileDropzone.dropfiles",
       defaultMessage: "Drop files here to upload"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    }) : /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.fileDropzone.dropFile",
       defaultMessage: "Drop file here to upload"
     }) : _useThemeProps$dropzo,
     _useThemeProps$button = _useThemeProps.buttonText,
-    buttonText = _useThemeProps$button === void 0 ? multiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    buttonText = _useThemeProps$button === void 0 ? multiple ? /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.fileDropzone.selectfiles",
       defaultMessage: "Select files"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    }) : /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.fileDropzone.selectfile",
       defaultMessage: "Select file"
     }) : _useThemeProps$button,
@@ -62,16 +56,16 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     className = _useThemeProps.className,
     restDropzoneOptions = _objectWithoutProperties(_useThemeProps, _excluded);
   var _iconMapping$error = iconMapping.error,
-    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/_jsx(Error, {
       color: "error"
     }) : _iconMapping$error,
     _iconMapping$select = iconMapping.select,
-    selectIcon = _iconMapping$select === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Select, {}) : _iconMapping$select;
-  var _useState = (0, _react.useState)(false),
+    selectIcon = _iconMapping$select === void 0 ? /*#__PURE__*/_jsx(Select, {}) : _iconMapping$select;
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
     setFocused = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     dragging = _useState4[0],
     setDragging = _useState4[1];
@@ -81,11 +75,11 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     focused: focused,
     dragging: dragging
   };
-  var dropzoneState = (0, _reactDropzone.useDropzone)(_objectSpread(_objectSpread({}, restDropzoneOptions), {}, {
+  var dropzoneState = useDropzone(_objectSpread(_objectSpread({}, restDropzoneOptions), {}, {
     disabled: disabled,
     multiple: multiple
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  return /*#__PURE__*/_jsx(Box, {
     display: "contents",
     onDragOver: function onDragOver() {
       return setDragging(true);
@@ -96,7 +90,7 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     onDrop: function onDrop() {
       return setDragging(false);
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({}, dropzoneState.getRootProps()), {}, {
+    children: /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({}, dropzoneState.getRootProps()), {}, {
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
         return setFocused(true);
@@ -108,18 +102,18 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), {}, {
       sx: sx,
       className: className,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, dropzoneState.getInputProps())), !hideDroppableArea && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dropzone, _objectSpread(_objectSpread({
+      children: [/*#__PURE__*/_jsx("input", _objectSpread({}, dropzoneState.getInputProps())), !hideDroppableArea && /*#__PURE__*/_jsxs(Dropzone, _objectSpread(_objectSpread({
         ownerState: ownerState
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dropzone), {}, {
-        children: [hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorIconContainer), {}, {
+        children: [hasError && /*#__PURE__*/_jsx(ErrorIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorIconContainer), {}, {
           children: errorIcon
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(DropzoneText, _objectSpread(_objectSpread({
+        })), /*#__PURE__*/_jsx(DropzoneText, _objectSpread(_objectSpread({
           ownerState: ownerState,
           variant: "body2"
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dropzoneText), {}, {
           children: dropzoneText
         }))]
-      })), !hideButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectFileButton, _objectSpread(_objectSpread({
+      })), !hideButton && /*#__PURE__*/_jsx(SelectFileButton, _objectSpread(_objectSpread({
         tabIndex: -1,
         disabled: disabled,
         variant: "secondary",
@@ -130,7 +124,7 @@ var FileDropzone = exports.FileDropzone = function FileDropzone(inProps) {
     }))
   });
 };
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "FileDropzone",
   slotName: "root",
   classesResolver: function classesResolver(_ref) {
@@ -142,35 +136,35 @@ var Root = (0, _createComponentSlot.createComponentSlot)("div")({
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: ", ";\n        width: 100%;\n\n        &:focus {\n            outline: none;\n        }\n\n        ", "\n    "])), theme.spacing(2), ownerState.disabled && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            pointer-events: none;\n        "]))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: ", ";\n        width: 100%;\n\n        &:focus {\n            outline: none;\n        }\n\n        ", "\n    "])), theme.spacing(2), ownerState.disabled && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            pointer-events: none;\n        "]))));
 });
-var Dropzone = (0, _createComponentSlot.createComponentSlot)("div")({
+var Dropzone = createComponentSlot("div")({
   componentName: "FileDropzone",
   slotName: "dropzone"
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        display: flex;\n        height: 80px;\n        justify-content: center;\n        align-items: center;\n        align-self: stretch;\n        border-radius: 4px;\n        border: 1px dashed ", ";\n        background-color: white;\n        transition:\n            background-color 200ms,\n            border-color 200ms;\n        cursor: pointer;\n\n        &:hover {\n            border-color: ", ";\n            background-color: ", ";\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.palette.grey[200], theme.palette.grey[400], theme.palette.grey[50], ownerState.dragging && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.grey[400], theme.palette.grey[50]), ownerState.focused && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.primary.main, theme.palette.grey[50]), ownerState.hasError && (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            border-color: ", ";\n\n            &:hover {\n                border-color: ", ";\n                background-color: ", ";\n            }\n        "])), theme.palette.error.main, theme.palette.error.dark, theme.palette.grey[50]), ownerState.disabled && (0, _material.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            cursor: default;\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.grey[100], theme.palette.grey[50]));
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        display: flex;\n        height: 80px;\n        justify-content: center;\n        align-items: center;\n        align-self: stretch;\n        border-radius: 4px;\n        border: 1px dashed ", ";\n        background-color: white;\n        transition:\n            background-color 200ms,\n            border-color 200ms;\n        cursor: pointer;\n\n        &:hover {\n            border-color: ", ";\n            background-color: ", ";\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.palette.grey[200], theme.palette.grey[400], theme.palette.grey[50], ownerState.dragging && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.grey[400], theme.palette.grey[50]), ownerState.focused && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.primary.main, theme.palette.grey[50]), ownerState.hasError && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            border-color: ", ";\n\n            &:hover {\n                border-color: ", ";\n                background-color: ", ";\n            }\n        "])), theme.palette.error.main, theme.palette.error.dark, theme.palette.grey[50]), ownerState.disabled && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            cursor: default;\n            border-color: ", ";\n            background-color: ", ";\n        "])), theme.palette.grey[100], theme.palette.grey[50]));
 });
-var ErrorIconContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var ErrorIconContainer = createComponentSlot("div")({
   componentName: "FileDropzone",
   slotName: "errorIconContainer"
 })(function (_ref4) {
   var theme = _ref4.theme;
-  return (0, _material.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 10px;\n        color: ", ";\n    "])), theme.palette.error.main);
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 10px;\n        color: ", ";\n    "])), theme.palette.error.main);
 });
-var DropzoneText = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var DropzoneText = createComponentSlot(Typography)({
   componentName: "FileDropzone",
   slotName: "dropzoneText"
 })(function (_ref5) {
   var theme = _ref5.theme,
     ownerState = _ref5.ownerState;
-  return (0, _material.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        padding: ", ";\n        color: ", ";\n        text-align: center;\n\n        ", "\n    "])), theme.spacing(6, 2), theme.palette.grey[400], ownerState.disabled && (0, _material.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.grey[200]));
+  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        padding: ", ";\n        color: ", ";\n        text-align: center;\n\n        ", "\n    "])), theme.spacing(6, 2), theme.palette.grey[400], ownerState.disabled && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.grey[200]));
 });
-var SelectFileButton = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
+var SelectFileButton = createComponentSlot(Button)({
   componentName: "FileDropzone",
   slotName: "selectFileButton"
 })(function (_ref6) {
   var theme = _ref6.theme;
-  return (0, _material.css)(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        color: ", ";\n\n        &:hover {\n            background-color: black;\n            color: ", ";\n        }\n\n        &:disabled {\n            background-color: ", ";\n            color: ", ";\n            opacity: 0.2;\n        }\n    "])), theme.palette.grey[800], theme.palette.common.white, theme.palette.common.white, theme.palette.grey[800], theme.palette.common.white);
+  return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        color: ", ";\n\n        &:hover {\n            background-color: black;\n            color: ", ";\n        }\n\n        &:disabled {\n            background-color: ", ";\n            color: ", ";\n            opacity: 0.2;\n        }\n    "])), theme.palette.grey[800], theme.palette.common.white, theme.palette.common.white, theme.palette.grey[800], theme.palette.common.white);
 });

package/lib/form/file/FileSelect.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentsOverrides, FormHelperText, Typography } from "@mui/material";
+import { type ComponentsOverrides, Typography } from "@mui/material";
 import { type Theme } from "@mui/material/styles";
 import { type ReactNode } from "react";
 import { type Accept, type DropzoneOptions } from "react-dropzone";
@@ -7,7 +7,7 @@ import { type ThemedComponentBaseProps } from "../../helpers/ThemedComponentBase
 import { FileDropzone } from "./FileDropzone";
 import { type ErrorFileSelectItem, type FileSelectItem, type ValidFileSelectItem } from "./fileSelectItemTypes";
 import { FileSelectListItem } from "./FileSelectListItem";
-export type FileSelectClassKey = "root" | "listLayout" | "gridLayout" | "maxFilesReachedInfo" | "dropzone" | "fileList" | "fileListItem" | "error" | "errorMessage" | "filesInfoText";
+export type FileSelectClassKey = "root" | "listLayout" | "gridLayout" | "maxFilesReachedInfo" | "dropzone" | "fileList" | "fileListItem" | "error" | "errorMessage";
 type Layout = "list" | "grid";
 type ThemeProps = ThemedComponentBaseProps<{
     root: "div";
@@ -17,7 +17,6 @@ type ThemeProps = ThemedComponentBaseProps<{
     fileListItem: typeof FileSelectListItem;
     error: "div";
     errorMessage: typeof Typography;
-    filesInfoText: typeof FormHelperText;
 }>;
 export type FileSelectProps<AdditionalValidFileValues = Record<string, unknown>> = {
     files: FileSelectItem<AdditionalValidFileValues>[];

package/lib/form/file/FileSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelect.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileSelect.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileSelect.tsx"],"names":[],"mappings":"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"}

package/lib/form/file/FileSelect.js

@@ -1,21 +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
-});
-exports.FileSelect = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _reactIntl = require("react-intl");
-var _Alert = require("../../alert/Alert");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _FileDropzone = require("./FileDropzone");
-var _FileSelectListItem = require("./FileSelectListItem");
-var _getFilesInfoText = require("./getFilesInfoText");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var _excluded = ["slotProps", "readOnly", "disabled", "accept", "maxFileSize", "maxFiles", "multiple", "iconMapping", "onDrop", "onRemove", "onDownload", "getDownloadUrl", "files", "error", "layout"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -25,9 +9,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
-var FileSelect = exports.FileSelect = function FileSelect(inProps) {
+import { Error as ErrorIcon } from "@comet/admin-icons";
+import { Typography } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Alert } from "../../alert/Alert";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { FileDropzone } from "./FileDropzone";
+import { FileSelectListItem } from "./FileSelectListItem";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var FileSelect = function FileSelect(inProps) {
   var _files$filter$length;
-  var _useThemeProps = (0, _styles.useThemeProps)({
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFileSelect"
     }),
@@ -50,10 +43,10 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
     layout = _useThemeProps$layout === void 0 ? "list" : _useThemeProps$layout,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
   var _iconMapping$error = iconMapping.error,
-    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/_jsx(ErrorIcon, {
       color: "error"
     }) : _iconMapping$error;
-  var intl = (0, _reactIntl.useIntl)();
+  var intl = useIntl();
   var multiple = passedMultiple || typeof passedMaxFiles !== "undefined" && passedMaxFiles > 1;
   var maxFiles = typeof passedMaxFiles === "undefined" ? multiple ? undefined : 1 : passedMaxFiles;
   var numberOfValidFiles = (_files$filter$length = files === null || files === void 0 ? void 0 : files.filter(function (file) {
@@ -61,27 +54,26 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
   }).length) !== null && _files$filter$length !== void 0 ? _files$filter$length : 0;
   var maxAmountOfFilesSelected = typeof maxFiles !== "undefined" && multiple && numberOfValidFiles >= maxFiles;
   var maxNumberOfFilesToBeAdded = maxFiles ? maxFiles - numberOfValidFiles : undefined;
-  var filesInfoText = (0, _getFilesInfoText.getFilesInfoText)(maxFiles, maxFileSize);
   var showFileList = files.length > 0 || readOnly;
   var ownerState = {
     layout: layout
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [!readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: maxAmountOfFilesSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MaxFilesReachedInfo, _objectSpread(_objectSpread({
-        title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    children: [!readOnly && /*#__PURE__*/_jsx(_Fragment, {
+      children: maxAmountOfFilesSelected ? /*#__PURE__*/_jsx(MaxFilesReachedInfo, _objectSpread(_objectSpread({
+        title: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.fileSelect.maximumReached",
           defaultMessage: "Maximum reached"
         }),
         severity: "info"
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.maxFilesReachedInfo), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
           id: "comet.fileSelect.maximumFilesAmount",
           defaultMessage: "The maximum number of uploads has been reached. Please delete files from the list before uploading new files."
         })
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Dropzone, _objectSpread({
+      })) : /*#__PURE__*/_jsx(Dropzone, _objectSpread({
         disabled: disabled,
         hasError: Boolean(error),
         onDrop: onDrop,
@@ -90,10 +82,10 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
         maxSize: maxFileSize === null ? undefined : maxFileSize,
         maxFiles: maxNumberOfFilesToBeAdded
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dropzone))
-    }), showFileList && /*#__PURE__*/(0, _jsxRuntime.jsx)(FileList, _objectSpread(_objectSpread({
+    }), showFileList && /*#__PURE__*/_jsx(FileList, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileList), {}, {
-      children: files.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: files.length > 0 ? /*#__PURE__*/_jsx(_Fragment, {
         children: files.map(function (file, index) {
           var isValidFile = !("error" in file) && !("loading" in file);
           var filePreview;
@@ -106,7 +98,7 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
           } else {
             filePreview = false;
           }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(FileListItem, _objectSpread({
+          return /*#__PURE__*/_jsx(FileListItem, _objectSpread({
             file: file,
             onClickDownload: isValidFile && onDownload ? function () {
               onDownload(file);
@@ -118,7 +110,7 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
             filePreview: filePreview
           }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileListItem), index);
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(FileListItem, _objectSpread({
+      }) : /*#__PURE__*/_jsx(FileListItem, _objectSpread({
         file: {
           name: intl.formatMessage({
             id: "comet.fileSelect.noAttachments",
@@ -126,58 +118,52 @@ var FileSelect = exports.FileSelect = function FileSelect(inProps) {
           })
         }
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileListItem))
-    })), Boolean(error) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Error, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.error), {}, {
-      children: [errorIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorMessage, _objectSpread(_objectSpread({
+    })), Boolean(error) && /*#__PURE__*/_jsxs(Error, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.error), {}, {
+      children: [errorIcon, /*#__PURE__*/_jsx(ErrorMessage, _objectSpread(_objectSpread({
         variant: "caption",
         color: "error"
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorMessage), {}, {
         children: error
       }))]
-    })), Boolean(filesInfoText && !readOnly) && /*#__PURE__*/(0, _jsxRuntime.jsx)(FilesInfoText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.filesInfoText), {}, {
-      children: filesInfoText
     }))]
   }));
 };
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "FileSelect",
   slotName: "root",
   classesResolver: function classesResolver(_ref) {
     var layout = _ref.layout;
     return [layout === "list" && "listLayout", layout === "grid" && "gridLayout"];
   }
-})((0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n"]))));
-var Dropzone = (0, _createComponentSlot.createComponentSlot)(_FileDropzone.FileDropzone)({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n"]))));
+var Dropzone = createComponentSlot(FileDropzone)({
   componentName: "FileSelect",
   slotName: "dropzone"
 })();
-var FileList = (0, _createComponentSlot.createComponentSlot)("div")({
+var FileList = createComponentSlot("div")({
   componentName: "FileSelect",
   slotName: "fileList"
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        width: 100%;\n\n        ", "\n    "])), ownerState.layout === "grid" && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            display: grid;\n            gap: ", ";\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n\n            ", " {\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\n                .CometAdminFormFieldContainer-horizontal & {\n                    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n                }\n            }\n        "])), theme.spacing(2), theme.breakpoints.up("md")));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        width: 100%;\n\n        ", "\n    "])), ownerState.layout === "grid" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            display: grid;\n            gap: ", ";\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n\n            ", " {\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\n                .CometAdminFormFieldContainer-horizontal & {\n                    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n                }\n            }\n        "])), theme.spacing(2), theme.breakpoints.up("md")));
 });
-var FileListItem = (0, _createComponentSlot.createComponentSlot)(_FileSelectListItem.FileSelectListItem)({
+var FileListItem = createComponentSlot(FileSelectListItem)({
   componentName: "FileSelect",
   slotName: "fileListItem"
 })();
-var MaxFilesReachedInfo = (0, _createComponentSlot.createComponentSlot)(_Alert.Alert)({
+var MaxFilesReachedInfo = createComponentSlot(Alert)({
   componentName: "FileSelect",
   slotName: "maxFilesReachedInfo"
-})((0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 100%;\n    box-sizing: border-box;\n"]))));
-var Error = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 100%;\n    box-sizing: border-box;\n"]))));
+var Error = createComponentSlot("div")({
   componentName: "FileSelect",
   slotName: "error"
 })(function (_ref3) {
   var theme = _ref3.theme;
-  return (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        color: ", ";\n        gap: 5px;\n    "])), theme.palette.error.main);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        color: ", ";\n        gap: 5px;\n    "])), theme.palette.error.main);
 });
-var ErrorMessage = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var ErrorMessage = createComponentSlot(Typography)({
   componentName: "FileSelect",
   slotName: "errorMessage"
-})();
-var FilesInfoText = (0, _createComponentSlot.createComponentSlot)(_material.FormHelperText)({
-  componentName: "FileSelect",
-  slotName: "filesInfoText"
-})((0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    margin: 0;\n    display: none;\n"]))));
+})();