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

package/dist/_chunks/{index-By7J3KhK.js → index-C_dufBTj.js}

@@ -60,7 +60,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 = {
@@ -105,10 +105,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",
@@ -130,9 +130,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",
@@ -999,7 +999,7 @@ const ContextInfo = ({ blocks }) => {
       paddingTop: 4,
       paddingBottom: 4,
       background: "neutral100",
-      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: blocks.map(({ label, value }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: blocks.map(({ label, value }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: label }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", children: value })
       ] }) }, label)) })
@@ -2130,7 +2130,7 @@ const EditAssetContent = ({
       children: ({ values, errors, handleChange, setFieldValue }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, {}),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
             PreviewBox,
             {
               asset,
@@ -2145,7 +2145,7 @@ const EditAssetContent = ({
               trackedLocation
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { noValidate: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { noValidate: true, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ContextInfo,
@@ -2524,7 +2524,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
         children: ({ values, errors, handleChange, setFieldValue }) => /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { noValidate: true, children: [
           /* @__PURE__ */ jsxRuntime.jsx(EditFolderModalHeader, { isEditing }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-            isEditing && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+            isEditing && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
               ContextInfo,
               {
                 blocks: [
@@ -2554,7 +2554,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "name", error: errors.name, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "name", error: errors.name, children: [
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
                 id: getTrad("form.input.label.folder-name"),
                 defaultMessage: "Name"
@@ -2569,7 +2569,7 @@ const EditFolderContent = ({ onClose, folder, location, parentFolderId }) => {
               ),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: "folder-parent", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, col: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: "folder-parent", children: [
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
                 id: getTrad("form.input.label.folder-location"),
                 defaultMessage: "Location"
@@ -3107,7 +3107,7 @@ const AssetGridList = ({
           }
         ) }) }, asset.id);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, height: "100%", direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
         AssetCard,
         {
           allowedTypes,
@@ -3666,14 +3666,14 @@ const TableRows = ({
         contentType === "folder" && /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.IconButton,
           {
-            tag: folderURL ? reactRouterDom.Link : void 0,
+            tag: folderURL ? reactRouterDom.Link : "button",
             label: formatMessage({
               id: getTrad("list.folders.link-label"),
               defaultMessage: "Access folder"
             }),
             to: folderURL,
             onClick: () => !folderURL && onChangeFolder(id2),
-            borderWidth: 0,
+            variant: "ghost",
             children: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {})
           }
         ),
@@ -3685,7 +3685,7 @@ const TableRows = ({
               defaultMessage: "Edit"
             }),
             onClick: () => contentType === "asset" ? onEditAsset(element) : onEditFolder(element),
-            borderWidth: 0,
+            variant: "ghost",
             children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
           }
         )
@@ -3738,7 +3738,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
         }
       ) }),
@@ -3758,7 +3758,7 @@ const TableList = ({
               {
                 label: sortLabel,
                 onClick: () => handleClickSort(isSorted, name2),
-                borderWidth: 0,
+                variant: "ghost",
                 children: isUp ? /* @__PURE__ */ jsxRuntime.jsx(icons.CaretUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {})
               }
             ),
@@ -4841,65 +4841,74 @@ const BrowseStep = ({
             { count: folderCount }
           ) || "",
           children: folders.map((folder) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
-              FolderCard,
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Grid.Item,
               {
-                ariaLabel: folder.name,
-                id: `folder-${folder.id}`,
-                onClick: () => handleClickFolderCard(folder.id, folder.path),
-                cardActions: onEditFolder && /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.IconButton,
-                  {
-                    withTooltip: false,
-                    label: formatMessage({
-                      id: getTrad("list.folder.edit"),
-                      defaultMessage: "Edit folder"
-                    }),
-                    onClick: () => onEditFolder(folder),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
-                  }
-                ),
-                children: /* @__PURE__ */ jsxRuntime.jsx(FolderCardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  FolderCardBodyAction,
+                col: 3,
+                direction: "column",
+                alignItems: "stretch",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  FolderCard,
                   {
+                    ariaLabel: folder.name,
+                    id: `folder-${folder.id}`,
                     onClick: () => handleClickFolderCard(folder.id, folder.path),
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { tag: "h2", direction: "column", alignItems: "start", maxWidth: "100%", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        TypographyMaxWidth,
-                        {
-                          fontWeight: "semiBold",
-                          ellipsis: true,
-                          textColor: "neutral800",
-                          children: [
-                            folder.name,
-                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: "-" })
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        TypographyMaxWidth,
-                        {
-                          tag: "span",
-                          textColor: "neutral600",
-                          variant: "pi",
-                          ellipsis: true,
-                          children: formatMessage(
+                    cardActions: onEditFolder && /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.IconButton,
+                      {
+                        withTooltip: false,
+                        label: formatMessage({
+                          id: getTrad("list.folder.edit"),
+                          defaultMessage: "Edit folder"
+                        }),
+                        onClick: () => onEditFolder(folder),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(FolderCardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      FolderCardBodyAction,
+                      {
+                        onClick: () => handleClickFolderCard(folder.id, folder.path),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { tag: "h2", direction: "column", alignItems: "start", maxWidth: "100%", children: [
+                          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: "-" })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.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}`
+            );
           })
         }
       ),
@@ -5799,7 +5808,7 @@ const PendingAssetStep = ({
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.KeyboardNavigable, { tagName: "article", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: assets.map((asset) => {
         const assetKey = asset.url;
         if (uploadStatus === Status.Uploading || uploadStatus === Status.Intermediate) {
-          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
             UploadingAssetCard,
             {
               addUploadedFiles,
@@ -5812,7 +5821,7 @@ const PendingAssetStep = ({
             }
           ) }, assetKey);
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
           AssetCard,
           {
             asset,
@@ -5992,11 +6001,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),
@@ -6005,9 +6011,16 @@ const MediaLibraryDialog = ({ onClose, onSelectAssets, allowedTypes }) => {
         }
       );
     case STEPS$1.FolderCreate:
-      return /* @__PURE__ */ jsxRuntime.jsx(EditFolderDialog, { onClose: () => setStep(STEPS$1.AssetSelect), parentFolderId: folderId });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        EditFolderDialog,
+        {
+          open: true,
+          onClose: () => setStep(STEPS$1.AssetSelect),
+          parentFolderId: folderId
+        }
+      );
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(UploadAssetDialog, { onClose: () => setStep(STEPS$1.AssetSelect), folderId });
+      return /* @__PURE__ */ jsxRuntime.jsx(UploadAssetDialog, { open: true, onClose: () => setStep(STEPS$1.AssetSelect), folderId });
   }
 };
 MediaLibraryDialog.defaultProps = {
@@ -6553,7 +6566,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       permissions: PERMISSIONS.main,
-      Component: () => Promise.resolve().then(() => require("./index-Dfhzzni3.js")),
+      Component: () => Promise.resolve().then(() => require("./index-Jo1X_f0b.js")),
       position: 4
     });
     app.addSettingsLink("global", {
@@ -6563,7 +6576,7 @@ const index = {
         defaultMessage: "Media Library"
       },
       to: "media-library",
-      Component: () => Promise.resolve().then(() => require("./index-CMAvhamB.js")),
+      Component: () => Promise.resolve().then(() => require("./index-DfYwhlv1.js")),
       permissions: PERMISSIONS.settings
     });
     app.addFields({ type: "media", Component: MediaLibraryInput });
@@ -6632,4 +6645,4 @@ exports.useMediaLibraryPermissions = useMediaLibraryPermissions;
 exports.usePersistentState = usePersistentState;
 exports.useSelectionState = useSelectionState;
 exports.viewOptions = viewOptions;
-//# sourceMappingURL=index-By7J3KhK.js.map
+//# sourceMappingURL=index-C_dufBTj.js.map