npm - @strapi/upload - Versions diffs - 5.0.0-rc.0 → 5.0.0-rc.10 - Mend

@strapi/upload 5.0.0-rc.0 → 5.0.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/_chunks/{index-B2H0mT-4.mjs → index-D9EbhEEJ.mjs} RENAMED Viewed

@@ -6,7 +6,7 @@ import { Check } from "@strapi/icons";
 import isEqual from "lodash/isEqual";
 import { useIntl } from "react-intl";
 import { useQuery, useMutation } from "react-query";
-import { g as getTrad, P as PERMISSIONS } from "./index-DF-F15Un.mjs";
+import { g as getTrad, P as PERMISSIONS } from "./index-DBGHWFwK.mjs";
 import "byte-size";
 import "date-fns";
 import "qs";
@@ -141,7 +141,7 @@ const SettingsPage = () => {
           defaultMessage: "Asset management"
         }) }) }),
         /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
-          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
             Field.Root,
             {
               hint: formatMessage({
@@ -177,7 +177,7 @@ const SettingsPage = () => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
             Field.Root,
             {
               hint: formatMessage({
@@ -213,7 +213,7 @@ const SettingsPage = () => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
             Field.Root,
             {
               hint: formatMessage({
@@ -259,4 +259,4 @@ export {
   SettingsPage,
   ProtectedSettingsPage as default
 };
-//# sourceMappingURL=index-B2H0mT-4.mjs.map
+//# sourceMappingURL=index-D9EbhEEJ.mjs.map

package/dist/_chunks/index-D9EbhEEJ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-D9EbhEEJ.mjs","sources":["../../admin/src/pages/SettingsPage/init.js","../../admin/src/pages/SettingsPage/reducer.js","../../admin/src/pages/SettingsPage/index.jsx"],"sourcesContent":["const init = (initialState) => {\n return initialState;\n};\n\nexport default init;\n","import { produce } from 'immer';\nimport set from 'lodash/set';\n\nconst initialState = {\n initialData: {\n responsiveDimensions: true,\n sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n },\n modifiedData: {\n responsiveDimensions: true,\n sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n },\n};\n\nconst reducer = (state, action) =>\n // eslint-disable-next-line consistent-return\n produce(state, (drafState) => {\n switch (action.type) {\n case 'GET_DATA_SUCCEEDED': {\n drafState.initialData = action.data;\n drafState.modifiedData = action.data;\n break;\n }\n case 'ON_CHANGE': {\n set(drafState, ['modifiedData', ...action.keys.split('.')], action.value);\n break;\n }\n default:\n return state;\n }\n });\n\nexport default reducer;\nexport { initialState };\n","import React, { useReducer } from 'react';\n\nimport { Page, useNotification, useFetchClient, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Grid, Toggle, Typography, Field } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\n\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport init from './init';\nimport reducer, { initialState } from './reducer';\n\nexport const SettingsPage = () => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { get, put } = useFetchClient();\n\n const [{ initialData, modifiedData }, dispatch] = useReducer(reducer, initialState, init);\n\n const { data, isLoading, refetch } = useQuery({\n queryKey: ['upload', 'settings'],\n async queryFn() {\n const {\n data: { data },\n } = await get('/upload/settings');\n\n return data;\n },\n });\n\n React.useEffect(() => {\n if (data) {\n dispatch({\n type: 'GET_DATA_SUCCEEDED',\n data,\n });\n }\n }, [data]);\n\n const isSaveButtonDisabled = isEqual(initialData, modifiedData);\n\n const { mutateAsync, isLoading: isSubmiting } = useMutation({\n async mutationFn(body) {\n return put('/upload/settings', body);\n },\n onSuccess() {\n refetch();\n\n toggleNotification({\n type: 'success',\n message: formatMessage({ id: 'notification.form.success.fields' }),\n });\n },\n onError(err) {\n console.error(err);\n },\n });\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n\n if (isSaveButtonDisabled) {\n return;\n }\n\n await mutateAsync(modifiedData);\n };\n\n const handleChange = ({ target: { name, value } }) => {\n dispatch({\n type: 'ON_CHANGE',\n keys: name,\n value,\n });\n };\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n return (\n <Page.Main tabIndex={-1}>\n <Page.Title>\n {formatMessage({\n id: getTrad('page.title'),\n defaultMessage: 'Settings - Media Libray',\n })}\n </Page.Title>\n <form onSubmit={handleSubmit}>\n <Layouts.Header\n title={formatMessage({\n id: getTrad('settings.header.label'),\n defaultMessage: 'Media Library',\n })}\n primaryAction={\n <Button\n disabled={isSaveButtonDisabled}\n loading={isSubmiting}\n type=\"submit\"\n startIcon={<Check />}\n size=\"S\"\n >\n {formatMessage({\n id: 'global.save',\n defaultMessage: 'Save',\n })}\n </Button>\n }\n subtitle={formatMessage({\n id: getTrad('settings.sub-header.label'),\n defaultMessage: 'Configure the settings for the Media Library',\n })}\n />\n <Layouts.Content>\n <Layouts.Root>\n <Flex direction=\"column\" alignItems=\"stretch\" gap={12}>\n <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n <Flex>\n <Typography variant=\"delta\" tag=\"h2\">\n {formatMessage({\n id: getTrad('settings.blockTitle'),\n defaultMessage: 'Asset management',\n })}\n </Typography>\n </Flex>\n <Grid.Root gap={6}>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.responsiveDimensions.description'),\n defaultMessage:\n 'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.',\n })}\n name=\"responsiveDimensions\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.responsiveDimensions.label'),\n defaultMessage: 'Responsive friendly upload',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData.responsiveDimensions}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'responsiveDimensions', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.sizeOptimization.description'),\n defaultMessage:\n 'Enabling this option will reduce the image size and slightly reduce its quality.',\n })}\n name=\"sizeOptimization\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.sizeOptimization.label'),\n defaultMessage: 'Size optimization',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData.sizeOptimization}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'sizeOptimization', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.autoOrientation.description'),\n defaultMessage:\n 'Enabling this option will automatically rotate the image according to EXIF orientation tag.',\n })}\n name=\"autoOrientation\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.autoOrientation.label'),\n defaultMessage: 'Auto orientation',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData.autoOrientation}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'autoOrientation', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n </Grid.Root>\n </Flex>\n </Box>\n </Flex>\n </Layouts.Root>\n </Layouts.Content>\n </form>\n </Page.Main>\n );\n};\n\nconst ProtectedSettingsPage = () => (\n <Page.Protect permissions={PERMISSIONS.settings}>\n <SettingsPage />\n </Page.Protect>\n);\n\nexport default ProtectedSettingsPage;\n"],"names":["initialState","data","React"],"mappings":"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"}

package/dist/_chunks/{index-DF-F15Un.mjs → index-DBGHWFwK.mjs} RENAMED Viewed

@@ -32,7 +32,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path) => {
   });
 };
 const name$1 = "@strapi/upload";
-const version = "5.0.0-beta.17";
+const version = "5.0.0-rc.9";
 const description = "Makes it easy to upload images and files to your Strapi Application.";
 const license = "SEE LICENSE IN LICENSE";
 const author = {
@@ -77,10 +77,10 @@ const scripts = {
   watch: "pack-up watch"
 };
 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.17",
-  "@strapi/utils": "5.0.0-beta.17",
+  "@strapi/design-system": "2.0.0-rc.7",
+  "@strapi/icons": "2.0.0-rc.7",
+  "@strapi/provider-upload-local": "workspace:*",
+  "@strapi/utils": "workspace:*",
   "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.17",
+  "@strapi/admin": "workspace:*",
   "@strapi/pack-up": "5.0.0",
-  "@strapi/types": "5.0.0-beta.17",
+  "@strapi/types": "workspace:*",
   "@testing-library/dom": "10.1.0",
   "@testing-library/react": "15.0.7",
   "@testing-library/user-event": "14.5.2",
@@ -971,7 +971,7 @@ const ContextInfo = ({ blocks }) => {
       paddingTop: 4,
       paddingBottom: 4,
       background: "neutral100",
-      children: /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: blocks.map(({ label, value }) => /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+      children: /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: blocks.map(({ label, value }) => /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: label }),
         /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", children: value })
       ] }) }, label)) })
@@ -2102,7 +2102,7 @@ const EditAssetContent = ({
       children: ({ values, errors, handleChange, setFieldValue }) => /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(DialogHeader, {}),
         /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsx(
             PreviewBox,
             {
               asset,
@@ -2117,7 +2117,7 @@ const EditAssetContent = ({
               trackedLocation
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
+          /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
             /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
               /* @__PURE__ */ jsx(
                 ContextInfo,
@@ -2496,7 +2496,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
         children: ({ values, errors, handleChange, setFieldValue }) => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
           /* @__PURE__ */ jsx(EditFolderModalHeader, { isEditing }),
           /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-            isEditing && /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 12, children: /* @__PURE__ */ jsx(
+            isEditing && /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsx(
               ContextInfo,
               {
                 blocks: [
@@ -2526,7 +2526,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxs(Field.Root, { name: "name", error: errors.name, children: [
+            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { name: "name", error: errors.name, children: [
               /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
                 id: getTrad("form.input.label.folder-name"),
                 defaultMessage: "Name"
@@ -2541,7 +2541,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
               ),
               /* @__PURE__ */ jsx(Field.Error, {})
             ] }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxs(Field.Root, { id: "folder-parent", children: [
+            /* @__PURE__ */ jsx(Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { id: "folder-parent", children: [
               /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
                 id: getTrad("form.input.label.folder-location"),
                 defaultMessage: "Location"
@@ -3079,7 +3079,7 @@ const AssetGridList = ({
           }
         ) }) }, asset.id);
       }
-      return /* @__PURE__ */ jsx(Grid.Item, { col: 3, height: "100%", children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Grid.Item, { col: 3, height: "100%", direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsx(
         AssetCard,
         {
           allowedTypes,
@@ -3638,14 +3638,14 @@ const TableRows = ({
         contentType === "folder" && /* @__PURE__ */ jsx(
           IconButton,
           {
-            tag: folderURL ? Link$1 : void 0,
+            tag: folderURL ? Link$1 : "button",
             label: formatMessage({
               id: getTrad("list.folders.link-label"),
               defaultMessage: "Access folder"
             }),
             to: folderURL,
             onClick: () => !folderURL && onChangeFolder(id2),
-            borderWidth: 0,
+            variant: "ghost",
             children: /* @__PURE__ */ jsx(Eye, {})
           }
         ),
@@ -3657,7 +3657,7 @@ const TableRows = ({
               defaultMessage: "Edit"
             }),
             onClick: () => contentType === "asset" ? onEditAsset(element) : onEditFolder(element),
-            borderWidth: 0,
+            variant: "ghost",
             children: /* @__PURE__ */ jsx(Pencil, {})
           }
         )
@@ -3710,7 +3710,7 @@ const TableList = ({
             defaultMessage: "Select all folders & assets"
           }),
           disabled: shouldDisableBulkSelect,
-          onCheckedValue: (checked) => onSelectAll(checked, rows),
+          onCheckedChange: (checked) => onSelectAll(checked, rows),
           checked: indeterminate && !shouldDisableBulkSelect ? "indeterminate" : (assetCount > 0 || folderCount > 0) && selected.length === assetCount + folderCount
         }
       ) }),
@@ -3730,7 +3730,7 @@ const TableList = ({
               {
                 label: sortLabel,
                 onClick: () => handleClickSort(isSorted, name2),
-                borderWidth: 0,
+                variant: "ghost",
                 children: isUp ? /* @__PURE__ */ jsx(CaretUp, {}) : /* @__PURE__ */ jsx(CaretDown, {})
               }
             ),
@@ -4813,65 +4813,74 @@ const BrowseStep = ({
             { count: folderCount }
           ) || "",
           children: folders.map((folder) => {
-            return /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(
-              FolderCard,
+            return /* @__PURE__ */ jsx(
+              Grid.Item,
               {
-                ariaLabel: folder.name,
-                id: `folder-${folder.id}`,
-                onClick: () => handleClickFolderCard(folder.id, folder.path),
-                cardActions: onEditFolder && /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    withTooltip: false,
-                    label: formatMessage({
-                      id: getTrad("list.folder.edit"),
-                      defaultMessage: "Edit folder"
-                    }),
-                    onClick: () => onEditFolder(folder),
-                    children: /* @__PURE__ */ jsx(Pencil, {})
-                  }
-                ),
-                children: /* @__PURE__ */ jsx(FolderCardBody, { children: /* @__PURE__ */ jsx(
-                  FolderCardBodyAction,
+                col: 3,
+                direction: "column",
+                alignItems: "stretch",
+                children: /* @__PURE__ */ jsx(
+                  FolderCard,
                   {
+                    ariaLabel: folder.name,
+                    id: `folder-${folder.id}`,
                     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,
-                          textColor: "neutral800",
-                          children: [
-                            folder.name,
-                            /* @__PURE__ */ jsx(VisuallyHidden, { children: "-" })
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        TypographyMaxWidth,
-                        {
-                          tag: "span",
-                          textColor: "neutral600",
-                          variant: "pi",
-                          ellipsis: true,
-                          children: formatMessage(
+                    cardActions: onEditFolder && /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        withTooltip: false,
+                        label: formatMessage({
+                          id: getTrad("list.folder.edit"),
+                          defaultMessage: "Edit folder"
+                        }),
+                        onClick: () => onEditFolder(folder),
+                        children: /* @__PURE__ */ jsx(Pencil, {})
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(FolderCardBody, { children: /* @__PURE__ */ jsx(
+                      FolderCardBodyAction,
+                      {
+                        onClick: () => handleClickFolderCard(folder.id, folder.path),
+                        children: /* @__PURE__ */ jsxs(Flex, { tag: "h2", direction: "column", alignItems: "start", maxWidth: "100%", children: [
+                          /* @__PURE__ */ jsxs(
+                            TypographyMaxWidth,
                             {
-                              id: getTrad("list.folder.subtitle"),
-                              defaultMessage: "{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}"
-                            },
+                              fontWeight: "semiBold",
+                              ellipsis: true,
+                              textColor: "neutral800",
+                              children: [
+                                folder.name,
+                                /* @__PURE__ */ jsx(VisuallyHidden, { children: "-" })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            TypographyMaxWidth,
                             {
-                              folderCount: folder.children.count,
-                              filesCount: folder.files.count
+                              tag: "span",
+                              textColor: "neutral600",
+                              variant: "pi",
+                              ellipsis: true,
+                              children: formatMessage(
+                                {
+                                  id: getTrad("list.folder.subtitle"),
+                                  defaultMessage: "{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}"
+                                },
+                                {
+                                  folderCount: folder.children.count,
+                                  filesCount: folder.files.count
+                                }
+                              )
                             }
                           )
-                        }
-                      )
-                    ] })
+                        ] })
+                      }
+                    ) })
                   }
-                ) })
-              }
-            ) }, `folder-${folder.id}`);
+                )
+              },
+              `folder-${folder.id}`
+            );
           })
         }
       ),
@@ -5771,7 +5780,7 @@ const PendingAssetStep = ({
       /* @__PURE__ */ jsx(KeyboardNavigable, { tagName: "article", children: /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: assets.map((asset) => {
         const assetKey = asset.url;
         if (uploadStatus === Status.Uploading || uploadStatus === Status.Intermediate) {
-          return /* @__PURE__ */ jsx(Grid.Item, { col: 4, children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Grid.Item, { col: 4, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsx(
             UploadingAssetCard,
             {
               addUploadedFiles,
@@ -5784,7 +5793,7 @@ const PendingAssetStep = ({
             }
           ) }, assetKey);
         }
-        return /* @__PURE__ */ jsx(Grid.Item, { col: 4, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(Grid.Item, { col: 4, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsx(
           AssetCard,
           {
             asset,
@@ -5964,11 +5973,8 @@ const MediaLibraryDialog = ({ onClose, onSelectAssets, allowedTypes }) => {
         {
           allowedTypes,
           folderId,
-          onClose: () => {
-            setStep(void 0);
-            setFolderId(null);
-            onClose();
-          },
+          open: true,
+          onClose,
           onValidate: onSelectAssets,
           onAddAsset: () => setStep(STEPS$1.AssetUpload),
           onAddFolder: () => setStep(STEPS$1.FolderCreate),
@@ -5977,9 +5983,16 @@ const MediaLibraryDialog = ({ onClose, onSelectAssets, allowedTypes }) => {
         }
       );
     case STEPS$1.FolderCreate:
-      return /* @__PURE__ */ jsx(EditFolderDialog, { onClose: () => setStep(STEPS$1.AssetSelect), parentFolderId: folderId });
+      return /* @__PURE__ */ jsx(
+        EditFolderDialog,
+        {
+          open: true,
+          onClose: () => setStep(STEPS$1.AssetSelect),
+          parentFolderId: folderId
+        }
+      );
     default:
-      return /* @__PURE__ */ jsx(UploadAssetDialog, { onClose: () => setStep(STEPS$1.AssetSelect), folderId });
+      return /* @__PURE__ */ jsx(UploadAssetDialog, { open: true, onClose: () => setStep(STEPS$1.AssetSelect), folderId });
   }
 };
 MediaLibraryDialog.defaultProps = {
@@ -6525,7 +6538,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       permissions: PERMISSIONS.main,
-      Component: () => import("./index-REz0rm2a.mjs"),
+      Component: () => import("./index-YJADIdOe.mjs"),
       position: 4
     });
     app.addSettingsLink("global", {
@@ -6535,7 +6548,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       to: "media-library",
-      Component: () => import("./index-B2H0mT-4.mjs"),
+      Component: () => import("./index-D9EbhEEJ.mjs"),
       permissions: PERMISSIONS.settings
     });
     app.addFields({ type: "media", Component: MediaLibraryInput });
@@ -6606,4 +6619,4 @@ export {
   FolderCardBodyAction as y,
   AssetGridList as z
 };
-//# sourceMappingURL=index-DF-F15Un.mjs.map
+//# sourceMappingURL=index-DBGHWFwK.mjs.map