@strapi/upload 5.0.0-beta.13 → 5.0.0-beta.14

package/dist/_chunks/{index-CXLlwfhh.mjs → index-CMm7ZJTg.mjs}

@@ -32,7 +32,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path) => {
   });
 };
 const name$1 = "@strapi/upload";
-const version = "5.0.0-beta.12";
+const version = "5.0.0-beta.13";
 const description = "Makes it easy to upload images and files to your Strapi Application.";
 const license = "SEE LICENSE IN LICENSE";
 const author = {
@@ -79,8 +79,8 @@ const scripts = {
 const dependencies = {
   "@strapi/design-system": "2.0.0-beta.6",
   "@strapi/icons": "2.0.0-beta.6",
-  "@strapi/provider-upload-local": "5.0.0-beta.12",
-  "@strapi/utils": "5.0.0-beta.12",
+  "@strapi/provider-upload-local": "5.0.0-beta.13",
+  "@strapi/utils": "5.0.0-beta.13",
   "byte-size": "8.1.1",
   cropperjs: "1.6.1",
   "date-fns": "2.30.0",
@@ -102,9 +102,9 @@ const dependencies = {
   yup: "0.32.9"
 };
 const devDependencies = {
-  "@strapi/admin": "5.0.0-beta.12",
+  "@strapi/admin": "5.0.0-beta.13",
   "@strapi/pack-up": "5.0.0",
-  "@strapi/types": "5.0.0-beta.12",
+  "@strapi/types": "5.0.0-beta.13",
   "@testing-library/dom": "10.1.0",
   "@testing-library/react": "15.0.7",
   "@testing-library/user-event": "14.5.2",
@@ -1214,6 +1214,11 @@ const getSelectStyles = (theme, error) => {
       color: theme.colors.neutral800,
       gridTemplateColumns: "0 100%"
     }),
+    menuPortal: (base) => ({
+      ...base,
+      zIndex: theme.zIndices.dialog,
+      pointerEvents: "auto"
+    }),
     menu(base) {
       return {
         ...base,
@@ -1235,10 +1240,6 @@ const getSelectStyles = (theme, error) => {
       paddingRight: theme.spaces[1],
       paddingBottom: theme.spaces[1]
     }),
-    menuPortal: (base) => ({
-      ...base,
-      zIndex: 100
-    }),
     option(base, state) {
       let backgroundColor = base.backgroundColor;
       if (state.isFocused || state.isSelected) {
@@ -1562,8 +1563,11 @@ const useRemoveAsset = (onSuccess) => {
   return { ...mutation, removeAsset };
 };
 const RemoveAssetDialog = ({ open, onClose, asset }) => {
-  const { removeAsset } = useRemoveAsset(() => onClose(null));
-  const handleConfirm = async () => {
+  const { removeAsset } = useRemoveAsset(() => {
+    onClose(null);
+  });
+  const handleConfirm = async (event) => {
+    event.preventDefault();
     await removeAsset(asset.id);
   };
   return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirm }) });
@@ -1630,7 +1634,8 @@ const RelativeBox = styled(Box)`
 `;
 const Wrapper$1 = styled.div`
   position: relative;
-  text-align: center;
+  display: flex;
+  justify-content: center;
   background: repeating-conic-gradient(
       ${({ theme }) => theme.colors.neutral100} 0% 25%,
       transparent 0% 50%
@@ -1675,6 +1680,7 @@ const UploadProgressWrapper$1 = styled.div`
 `;
 const CroppingActions = ({ onCancel, onValidate, onDuplicate }) => {
   const { formatMessage } = useIntl();
+  const theme = useTheme();
   return /* @__PURE__ */ jsx(FocusTrap, { onEscape: onCancel, children: /* @__PURE__ */ jsx(CroppingActionRow, { justifyContent: "flex-end", paddingLeft: 3, paddingRight: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
     /* @__PURE__ */ jsx(
       IconButton,
@@ -1710,7 +1716,7 @@ const CroppingActions = ({ onCancel, onValidate, onDuplicate }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsxs(Menu.Content, { zIndex: 5, children: [
+      /* @__PURE__ */ jsxs(Menu.Content, { zIndex: theme.zIndices.dialog, children: [
         /* @__PURE__ */ jsx(Menu.Item, { onSelect: onValidate, children: formatMessage({
           id: getTrad("checkControl.crop-original"),
           defaultMessage: "Crop the original asset"
@@ -4830,10 +4836,18 @@ const BrowseStep = ({
                   {
                     onClick: () => handleClickFolderCard(folder.id, folder.path),
                     children: /* @__PURE__ */ jsxs(Flex, { tag: "h2", direction: "column", alignItems: "start", maxWidth: "100%", children: [
-                      /* @__PURE__ */ jsxs(TypographyMaxWidth, { fontWeight: "semiBold", ellipsis: true, children: [
-                        folder.name,
-                        /* @__PURE__ */ jsx(VisuallyHidden, { children: "-" })
-                      ] }),
+                      /* @__PURE__ */ jsxs(
+                        TypographyMaxWidth,
+                        {
+                          fontWeight: "semiBold",
+                          ellipsis: true,
+                          textColor: "neutral800",
+                          children: [
+                            folder.name,
+                            /* @__PURE__ */ jsx(VisuallyHidden, { children: "-" })
+                          ]
+                        }
+                      ),
                       /* @__PURE__ */ jsx(
                         TypographyMaxWidth,
                         {
@@ -5125,7 +5139,7 @@ const AssetContent = ({
       id: getTrad("header.actions.add-assets"),
       defaultMessage: "Add new assets"
     }) }) }),
-    /* @__PURE__ */ jsxs(Tabs.Root, { variant: "simple", defaultValue: selectedAssets.length > 0 ? "selected" : "browse", children: [
+    /* @__PURE__ */ jsxs(TabsRoot, { variant: "simple", defaultValue: selectedAssets.length > 0 ? "selected" : "browse", children: [
       /* @__PURE__ */ jsxs(Flex, { paddingLeft: 8, paddingRight: 8, paddingTop: 6, justifyContent: "space-between", children: [
         /* @__PURE__ */ jsxs(Tabs.List, { children: [
           /* @__PURE__ */ jsx(Tabs.Trigger, { value: "browse", children: formatMessage({
@@ -5241,6 +5255,11 @@ AssetDialog.propTypes = {
   onValidate: PropTypes.func.isRequired,
   trackedLocation: PropTypes.string
 };
+const TabsRoot = styled(Tabs.Root)`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;
 const typeFromMime = (mime) => {
   if (mime.includes(AssetType.Image)) {
     return AssetType.Image;
@@ -5724,7 +5743,7 @@ const PendingAssetStep = ({
       onUploadSucceed(file);
     }
   };
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: formatMessage({
       id: getTrad("header.actions.add-assets"),
       defaultMessage: "Add new assets"
@@ -5781,7 +5800,7 @@ const PendingAssetStep = ({
     ] }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
       /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "cancel" }) }),
-      /* @__PURE__ */ jsx(Button, { type: "submit", loading: uploadStatus === Status.Uploading, children: formatMessage(
+      /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: uploadStatus === Status.Uploading, children: formatMessage(
         {
           id: getTrad("modal.upload-list.footer.button"),
           defaultMessage: "Upload {number, plural, one {# asset} other {# assets}} to the library"
@@ -5874,16 +5893,16 @@ const UploadAssetDialog = ({
     const nextAssets = assets.filter((asset) => asset !== assetToRemove);
     setAssets(nextAssets);
   };
-  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    step === Steps.AddAsset && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Modal.Root, { open, onOpenChange: handleClose, children: [
+    step === Steps.AddAsset && /* @__PURE__ */ jsx(Modal.Content, { children: /* @__PURE__ */ jsx(
       AddAssetStep,
       {
         onClose,
         onAddAsset: handleAddToPendingAssets,
         trackedLocation
       }
-    ),
-    step === Steps.PendingAsset && /* @__PURE__ */ jsx(
+    ) }),
+    step === Steps.PendingAsset && /* @__PURE__ */ jsx(Modal.Content, { children: /* @__PURE__ */ jsx(
       PendingAssetStep,
       {
         onClose: handleClose,
@@ -5898,8 +5917,8 @@ const UploadAssetDialog = ({
         folderId,
         trackedLocation
       }
-    ),
-    assetToEdit && /* @__PURE__ */ jsx(
+    ) }),
+    assetToEdit && /* @__PURE__ */ jsx(Modal.Content, { children: /* @__PURE__ */ jsx(
       EditAssetContent,
       {
         onClose: handleAssetEditValidation,
@@ -5909,8 +5928,8 @@ const UploadAssetDialog = ({
         canDownload: false,
         trackedLocation
       }
-    )
-  ] }) });
+    ) })
+  ] });
 };
 UploadAssetDialog.defaultProps = {
   addUploadedFiles: void 0,
@@ -6424,7 +6443,7 @@ const MediaLibraryInput = forwardRef(
           trackedLocation: "content-manager"
         }
       ),
-      /* @__PURE__ */ jsx(
+      step === STEPS.AssetSelect && /* @__PURE__ */ jsx(
         AssetDialog,
         {
           allowedTypes: fieldAllowedTypes,
@@ -6443,7 +6462,7 @@ const MediaLibraryInput = forwardRef(
           trackedLocation: "content-manager"
         }
       ),
-      /* @__PURE__ */ jsx(
+      step === STEPS.AssetUpload && /* @__PURE__ */ jsx(
         UploadAssetDialog,
         {
           open: step === STEPS.AssetUpload,
@@ -6455,7 +6474,7 @@ const MediaLibraryInput = forwardRef(
           validateAssetsTypes
         }
       ),
-      /* @__PURE__ */ jsx(
+      step === STEPS.FolderCreate && /* @__PURE__ */ jsx(
         EditFolderDialog,
         {
           open: step === STEPS.FolderCreate,
@@ -6506,7 +6525,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       permissions: PERMISSIONS.main,
-      Component: () => import("./index-wlqyHyYN.mjs"),
+      Component: () => import("./index-o2LeT5q_.mjs"),
       position: 4
     });
     app.addSettingsLink("global", {
@@ -6516,7 +6535,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       to: "media-library",
-      Component: () => import("./index-fRIsD0zT.mjs"),
+      Component: () => import("./index-0jsm4ag3.mjs"),
       permissions: PERMISSIONS.settings
     });
     app.addFields({ type: "media", Component: MediaLibraryInput });
@@ -6587,4 +6606,4 @@ export {
   FolderCardBodyAction as y,
   AssetGridList as z
 };
-//# sourceMappingURL=index-CXLlwfhh.mjs.map
+//# sourceMappingURL=index-CMm7ZJTg.mjs.map