@strapi/upload 5.35.0 → 5.36.0

package/dist/admin/future/utils/getAssetIcon.mjs

@@ -0,0 +1,26 @@
+import { Images, Monitor, VolumeUp, File, FilePdf, FileCsv, FileXls, FileZip } from '@strapi/icons';
+import { AssetType } from '../enums.mjs';
+import { getFileExtension } from './files.mjs';
+
+const DOC_ICON_MAP = {
+    pdf: FilePdf,
+    csv: FileCsv,
+    xls: FileXls,
+    zip: FileZip
+};
+const getAssetIcon = (mime, ext)=>{
+    const fileExtension = getFileExtension(ext);
+    if (mime?.includes(AssetType.Image)) {
+        return Images;
+    }
+    if (mime?.includes(AssetType.Video)) {
+        return Monitor;
+    }
+    if (mime?.includes(AssetType.Audio)) {
+        return VolumeUp;
+    }
+    return fileExtension ? DOC_ICON_MAP[fileExtension] || File : File;
+};
+
+export { getAssetIcon };
+//# sourceMappingURL=getAssetIcon.mjs.map

package/dist/admin/future/utils/getAssetIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAssetIcon.mjs","sources":["../../../../admin/src/future/utils/getAssetIcon.ts"],"sourcesContent":["import { SVGProps } from 'react';\n\nimport {\n  File as FileIcon,\n  FileCsv,\n  FilePdf,\n  FileXls,\n  FileZip,\n  Monitor,\n  VolumeUp,\n  Images,\n} from '@strapi/icons';\nimport { DefaultTheme } from 'styled-components';\n\nimport { AssetType } from '../enums';\n\nimport { getFileExtension } from './files';\n\n// NOTE: IconProps interface is not exported from our design library package, so we need to redefine it here\ninterface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'stroke'> {\n  /**\n   * @default \"currentColor\"\n   */\n  fill?: keyof DefaultTheme['colors'] | string;\n  stroke?: keyof DefaultTheme['colors'] | string;\n}\n\ntype IconComponent = React.FC<IconProps>;\n\nconst DOC_ICON_MAP: Record<string, IconComponent> = {\n  pdf: FilePdf,\n  csv: FileCsv,\n  xls: FileXls,\n  zip: FileZip,\n};\n\nexport const getAssetIcon = (mime: string | undefined, ext: string | undefined): IconComponent => {\n  const fileExtension = getFileExtension(ext);\n\n  if (mime?.includes(AssetType.Image)) {\n    return Images;\n  }\n\n  if (mime?.includes(AssetType.Video)) {\n    return Monitor;\n  }\n\n  if (mime?.includes(AssetType.Audio)) {\n    return VolumeUp;\n  }\n\n  return fileExtension ? DOC_ICON_MAP[fileExtension] || FileIcon : FileIcon;\n};\n"],"names":["DOC_ICON_MAP","pdf","FilePdf","csv","FileCsv","xls","FileXls","zip","FileZip","getAssetIcon","mime","ext","fileExtension","getFileExtension","includes","AssetType","Image","Images","Video","Monitor","Audio","VolumeUp","FileIcon"],"mappings":";;;;AA6BA,MAAMA,YAA8C,GAAA;IAClDC,GAAKC,EAAAA,OAAAA;IACLC,GAAKC,EAAAA,OAAAA;IACLC,GAAKC,EAAAA,OAAAA;IACLC,GAAKC,EAAAA;AACP,CAAA;AAEO,MAAMC,YAAe,GAAA,CAACC,IAA0BC,EAAAA,GAAAA,GAAAA;AACrD,IAAA,MAAMC,gBAAgBC,gBAAiBF,CAAAA,GAAAA,CAAAA;AAEvC,IAAA,IAAID,IAAMI,EAAAA,QAAAA,CAASC,SAAUC,CAAAA,KAAK,CAAG,EAAA;QACnC,OAAOC,MAAAA;AACT;AAEA,IAAA,IAAIP,IAAMI,EAAAA,QAAAA,CAASC,SAAUG,CAAAA,KAAK,CAAG,EAAA;QACnC,OAAOC,OAAAA;AACT;AAEA,IAAA,IAAIT,IAAMI,EAAAA,QAAAA,CAASC,SAAUK,CAAAA,KAAK,CAAG,EAAA;QACnC,OAAOC,QAAAA;AACT;AAEA,IAAA,OAAOT,aAAgBZ,GAAAA,YAAY,CAACY,aAAAA,CAAc,IAAIU,IAAWA,GAAAA,IAAAA;AACnE;;;;"}

package/dist/admin/package.json.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var name = "@strapi/upload";
-var version = "5.35.0";
+var version = "5.36.0";
 var description = "Makes it easy to upload images and files to your Strapi Application.";
 var license = "SEE LICENSE IN LICENSE";
 var author = {
@@ -64,12 +64,13 @@ var scripts = {
 };
 var dependencies = {
     "@mux/mux-player-react": "3.1.0",
+    "@radix-ui/react-toggle-group": "1.1.11",
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/database": "5.33.3",
+    "@strapi/database": "5.36.0",
     "@strapi/design-system": "2.1.2",
     "@strapi/icons": "2.1.2",
-    "@strapi/provider-upload-local": "5.35.0",
-    "@strapi/utils": "5.35.0",
+    "@strapi/provider-upload-local": "5.36.0",
+    "@strapi/utils": "5.36.0",
     "byte-size": "8.1.1",
     cropperjs: "1.6.1",
     "date-fns": "2.30.0",
@@ -93,8 +94,8 @@ var dependencies = {
     zod: "3.25.67"
 };
 var devDependencies = {
-    "@strapi/admin": "5.35.0",
-    "@strapi/types": "5.35.0",
+    "@strapi/admin": "5.36.0",
+    "@strapi/types": "5.36.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",

package/dist/admin/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/package.json.mjs

@@ -1,5 +1,5 @@
 var name = "@strapi/upload";
-var version = "5.35.0";
+var version = "5.36.0";
 var description = "Makes it easy to upload images and files to your Strapi Application.";
 var license = "SEE LICENSE IN LICENSE";
 var author = {
@@ -60,12 +60,13 @@ var scripts = {
 };
 var dependencies = {
     "@mux/mux-player-react": "3.1.0",
+    "@radix-ui/react-toggle-group": "1.1.11",
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/database": "5.33.3",
+    "@strapi/database": "5.36.0",
     "@strapi/design-system": "2.1.2",
     "@strapi/icons": "2.1.2",
-    "@strapi/provider-upload-local": "5.35.0",
-    "@strapi/utils": "5.35.0",
+    "@strapi/provider-upload-local": "5.36.0",
+    "@strapi/utils": "5.36.0",
     "byte-size": "8.1.1",
     cropperjs: "1.6.1",
     "date-fns": "2.30.0",
@@ -89,8 +90,8 @@ var dependencies = {
     zod: "3.25.67"
 };
 var devDependencies = {
-    "@strapi/admin": "5.35.0",
-    "@strapi/types": "5.35.0",
+    "@strapi/admin": "5.36.0",
+    "@strapi/types": "5.36.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",

package/dist/admin/package.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/src/future/enums.d.ts

@@ -0,0 +1,6 @@
+export declare enum AssetType {
+    Video = "video",
+    Image = "image",
+    Document = "doc",
+    Audio = "audio"
+}

package/dist/admin/src/future/pages/Assets/AssetsPage.d.ts

@@ -0,0 +1 @@
+export declare const AssetsPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/future/pages/Assets/components/AssetsGrid.d.ts

@@ -0,0 +1,6 @@
+import type { File } from '../../../../../../shared/contracts/files';
+interface AssetsGridProps {
+    assets: File[];
+}
+export declare const AssetsGrid: ({ assets }: AssetsGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/future/pages/Assets/components/AssetsTable.d.ts

@@ -0,0 +1,6 @@
+import type { File } from '../../../../../../shared/contracts/files';
+interface AssetsTableProps {
+    assets: File[];
+}
+export declare const AssetsTable: ({ assets }: AssetsTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/future/pages/Assets/components/DropZone/DropZoneWithOverlay.d.ts

@@ -0,0 +1,4 @@
+declare const DropZoneWithOverlay: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { DropZoneWithOverlay };

package/dist/admin/src/future/pages/Assets/components/DropZone/UploadDropZoneContext.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+type DropHandler = (files: File[]) => void | Promise<void>;
+interface UploadDropZoneProps {
+    children: ReactNode;
+    onDrop?: DropHandler;
+}
+export declare const UploadDropZoneProvider: ({ children, onDrop }: UploadDropZoneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useUploadDropZone: () => {
+    isDragging: boolean;
+};
+export {};

package/dist/admin/src/future/pages/Assets/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const localStorageKeys: {
+    view: string;
+};
+export declare const viewOptions: {
+    GRID: number;
+    TABLE: number;
+};
+interface TableHeader {
+    name: string;
+    label: {
+        id: string;
+        defaultMessage: string;
+    };
+    isVisuallyHidden?: boolean;
+}
+export declare const TABLE_HEADERS: TableHeader[];
+export {};

package/dist/admin/src/future/services/assets.d.ts

@@ -0,0 +1,13 @@
+import type { File, Pagination } from '../../../../shared/contracts/files';
+interface GetAssetsParams {
+    page?: number;
+    pageSize?: number;
+    folder?: number | null;
+    sort?: string;
+}
+interface GetAssetsResponse {
+    results: File[];
+    pagination: Pagination;
+}
+export declare const useGetAssetsQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query").QueryDefinition<void | GetAssetsParams, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@strapi/admin/strapi-admin").QueryArguments, unknown, import("@strapi/admin/strapi-admin").BaseQueryError, {}, {}>, "GuidedTourMeta" | "HomepageKeyStatistics" | "AIUsage" | "AIFeatureConfig" | "Asset" | "Folder", GetAssetsResponse, "adminApi">>;
+export {};

package/dist/admin/src/future/utils/files.d.ts

@@ -0,0 +1,3 @@
+export declare function formatBytes(receivedBytes: number | string, decimals?: number): string;
+export declare const getFileExtension: (ext?: string | null) => string | null | undefined;
+export declare const prefixFileUrlWithBackendUrl: (fileURL?: string) => string | undefined;

package/dist/admin/src/future/utils/getAssetIcon.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps } from 'react';
+import { DefaultTheme } from 'styled-components';
+interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'stroke'> {
+    /**
+     * @default "currentColor"
+     */
+    fill?: keyof DefaultTheme['colors'] | string;
+    stroke?: keyof DefaultTheme['colors'] | string;
+}
+type IconComponent = React.FC<IconProps>;
+export declare const getAssetIcon: (mime: string | undefined, ext: string | undefined) => IconComponent;
+export {};

package/dist/admin/translations/en.json.js

@@ -24,6 +24,7 @@ var en = {
     "control-card.replace-media": "Replace Media",
     "control-card.save": "Save",
     "control-card.stop-crop": "Stop cropping",
+    "dropzone.upload.message": "Drop here to upload to",
     "filter.add": "Add filter",
     "form.button.replace-media": "Replace media",
     "form.input.description.file-alt": "This text will be displayed if the asset can’t be shown.",
@@ -145,6 +146,8 @@ var en = {
     "list.table.header.size": "size",
     "list.table.header.createdAt": "created",
     "list.table.header.updatedAt": "last update",
+    "list.table.header.creationDate": "Creation Date",
+    "list.table.header.lastModified": "Last Modified",
     "list.table.header.sort": "Sort on {label}",
     "list.table.content.empty-label": "This field is empty",
     "tabs.title": "How do you want to upload your assets?",

package/dist/admin/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/translations/en.json.mjs

@@ -22,6 +22,7 @@ var en = {
     "control-card.replace-media": "Replace Media",
     "control-card.save": "Save",
     "control-card.stop-crop": "Stop cropping",
+    "dropzone.upload.message": "Drop here to upload to",
     "filter.add": "Add filter",
     "form.button.replace-media": "Replace media",
     "form.input.description.file-alt": "This text will be displayed if the asset can’t be shown.",
@@ -143,6 +144,8 @@ var en = {
     "list.table.header.size": "size",
     "list.table.header.createdAt": "created",
     "list.table.header.updatedAt": "last update",
+    "list.table.header.creationDate": "Creation Date",
+    "list.table.header.lastModified": "Last Modified",
     "list.table.header.sort": "Sort on {label}",
     "list.table.content.empty-label": "This field is empty",
     "tabs.title": "How do you want to upload your assets?",

package/dist/admin/translations/en.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/upload",
-  "version": "5.35.0",
+  "version": "5.36.0",
   "description": "Makes it easy to upload images and files to your Strapi Application.",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
@@ -61,12 +61,13 @@
   },
   "dependencies": {
     "@mux/mux-player-react": "3.1.0",
+    "@radix-ui/react-toggle-group": "1.1.11",
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/database": "5.33.3",
+    "@strapi/database": "5.36.0",
     "@strapi/design-system": "2.1.2",
     "@strapi/icons": "2.1.2",
-    "@strapi/provider-upload-local": "5.35.0",
-    "@strapi/utils": "5.35.0",
+    "@strapi/provider-upload-local": "5.36.0",
+    "@strapi/utils": "5.36.0",
     "byte-size": "8.1.1",
     "cropperjs": "1.6.1",
     "date-fns": "2.30.0",
@@ -90,8 +91,8 @@
     "zod": "3.25.67"
   },
   "devDependencies": {
-    "@strapi/admin": "5.35.0",
-    "@strapi/types": "5.35.0",
+    "@strapi/admin": "5.36.0",
+    "@strapi/types": "5.36.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",

package/dist/admin/future/pages/MediaLibraryPage.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var strapiAdmin = require('@strapi/admin/strapi-admin');
-var designSystem = require('@strapi/design-system');
-var icons = require('@strapi/icons');
-var reactIntl = require('react-intl');
-var api = require('../services/api.js');
-var translations = require('../utils/translations.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const MediaLibraryPage = ()=>{
-    const { formatMessage } = reactIntl.useIntl();
-    const { toggleNotification } = strapiAdmin.useNotification();
-    const { _unstableFormatAPIError } = strapiAdmin.useAPIErrorHandler();
-    const fileInputRef = React__namespace.useRef(null);
-    const [uploadFiles] = api.useUploadFilesMutation();
-    const handleFileSelect = ()=>{
-        fileInputRef.current?.click();
-    };
-    const handleFileChange = async (e)=>{
-        const files = e.target.files;
-        if (files && files.length > 0) {
-            const formData = new FormData();
-            const filesArray = Array.from(files);
-            // Add files and fileInfo to the form data
-            filesArray.forEach((file)=>{
-                formData.append('files', file);
-                formData.append('fileInfo', JSON.stringify({
-                    name: file.name,
-                    caption: null,
-                    alternativeText: null,
-                    folder: null
-                }));
-            });
-            try {
-                // unwrap() is needed to throw errors and trigger the catch block
-                // Without it, RTK Query never rejects and catch would never execute
-                await uploadFiles(formData).unwrap();
-                toggleNotification({
-                    type: 'success',
-                    message: formatMessage({
-                        id: translations.getTranslationKey('assets.uploaded'),
-                        defaultMessage: '{number, plural, one {# asset} other {# assets}} uploaded successfully'
-                    }, {
-                        number: filesArray.length
-                    })
-                });
-            } catch (error) {
-                // Format the error message using the API error handler to provide
-                // context-specific feedback (e.g., file size limits, format restrictions, network errors)
-                const errorMessage = _unstableFormatAPIError(error);
-                toggleNotification({
-                    type: 'danger',
-                    message: errorMessage
-                });
-            }
-        }
-        // Reset input so the same file can be selected again
-        e.target.value = '';
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
-                children: /*#__PURE__*/ jsxRuntime.jsx("input", {
-                    type: "file",
-                    ref: fileInputRef,
-                    onChange: handleFileChange,
-                    multiple: true
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
-                title: "TODO: Folder location",
-                primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.SimpleMenu, {
-                    popoverPlacement: "bottom-end",
-                    variant: "default",
-                    endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronDown, {}),
-                    label: formatMessage({
-                        id: translations.getTranslationKey('new'),
-                        defaultMessage: 'New'
-                    }),
-                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.MenuItem, {
-                        onSelect: handleFileSelect,
-                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Files, {}),
-                        children: formatMessage({
-                            id: translations.getTranslationKey('import-files'),
-                            defaultMessage: 'Import files'
-                        })
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
-                children: "TODO: List/Grid views"
-            })
-        ]
-    });
-};
-
-exports.MediaLibraryPage = MediaLibraryPage;
-//# sourceMappingURL=MediaLibraryPage.js.map

package/dist/admin/future/pages/MediaLibraryPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaLibraryPage.js","sources":["../../../../admin/src/future/pages/MediaLibraryPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Layouts, useNotification, useAPIErrorHandler } from '@strapi/admin/strapi-admin';\nimport { MenuItem, SimpleMenu, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronDown, Files } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useUploadFilesMutation } from '../services/api';\nimport { getTranslationKey } from '../utils/translations';\n\nexport const MediaLibraryPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError } = useAPIErrorHandler();\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n  const [uploadFiles] = useUploadFilesMutation();\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      const formData = new FormData();\n      const filesArray = Array.from(files);\n\n      // Add files and fileInfo to the form data\n      filesArray.forEach((file) => {\n        formData.append('files', file);\n        formData.append(\n          'fileInfo',\n          JSON.stringify({\n            name: file.name,\n            caption: null,\n            alternativeText: null,\n            folder: null,\n          })\n        );\n      });\n\n      try {\n        // unwrap() is needed to throw errors and trigger the catch block\n        // Without it, RTK Query never rejects and catch would never execute\n        await uploadFiles(formData).unwrap();\n        toggleNotification({\n          type: 'success',\n          message: formatMessage(\n            {\n              id: getTranslationKey('assets.uploaded'),\n              defaultMessage:\n                '{number, plural, one {# asset} other {# assets}} uploaded successfully',\n            },\n            { number: filesArray.length }\n          ),\n        });\n      } catch (error) {\n        // Format the error message using the API error handler to provide\n        // context-specific feedback (e.g., file size limits, format restrictions, network errors)\n        const errorMessage = _unstableFormatAPIError(error as Error);\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    }\n    // Reset input so the same file can be selected again\n    e.target.value = '';\n  };\n\n  return (\n    <Layouts.Root>\n      <VisuallyHidden>\n        <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n      </VisuallyHidden>\n      <Layouts.Header\n        title=\"TODO: Folder location\"\n        primaryAction={\n          <SimpleMenu\n            popoverPlacement=\"bottom-end\"\n            variant=\"default\"\n            endIcon={<ChevronDown />}\n            label={formatMessage({ id: getTranslationKey('new'), defaultMessage: 'New' })}\n          >\n            <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n              {formatMessage({\n                id: getTranslationKey('import-files'),\n                defaultMessage: 'Import files',\n              })}\n            </MenuItem>\n          </SimpleMenu>\n        }\n      />\n\n      <Layouts.Content>TODO: List/Grid views</Layouts.Content>\n    </Layouts.Root>\n  );\n};\n"],"names":["MediaLibraryPage","formatMessage","useIntl","toggleNotification","useNotification","_unstableFormatAPIError","useAPIErrorHandler","fileInputRef","React","useRef","uploadFiles","useUploadFilesMutation","handleFileSelect","current","click","handleFileChange","e","files","target","length","formData","FormData","filesArray","Array","from","forEach","file","append","JSON","stringify","name","caption","alternativeText","folder","unwrap","type","message","id","getTranslationKey","defaultMessage","number","error","errorMessage","value","_jsxs","Layouts","Root","_jsx","VisuallyHidden","input","ref","onChange","multiple","Header","title","primaryAction","SimpleMenu","popoverPlacement","variant","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","Files","Content"],"mappings":"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"}

package/dist/admin/future/pages/MediaLibraryPage.mjs

@@ -1,98 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useNotification, useAPIErrorHandler, Layouts } from '@strapi/admin/strapi-admin';
-import { VisuallyHidden, SimpleMenu, MenuItem } from '@strapi/design-system';
-import { ChevronDown, Files } from '@strapi/icons';
-import { useIntl } from 'react-intl';
-import { useUploadFilesMutation } from '../services/api.mjs';
-import { getTranslationKey } from '../utils/translations.mjs';
-
-const MediaLibraryPage = ()=>{
-    const { formatMessage } = useIntl();
-    const { toggleNotification } = useNotification();
-    const { _unstableFormatAPIError } = useAPIErrorHandler();
-    const fileInputRef = React.useRef(null);
-    const [uploadFiles] = useUploadFilesMutation();
-    const handleFileSelect = ()=>{
-        fileInputRef.current?.click();
-    };
-    const handleFileChange = async (e)=>{
-        const files = e.target.files;
-        if (files && files.length > 0) {
-            const formData = new FormData();
-            const filesArray = Array.from(files);
-            // Add files and fileInfo to the form data
-            filesArray.forEach((file)=>{
-                formData.append('files', file);
-                formData.append('fileInfo', JSON.stringify({
-                    name: file.name,
-                    caption: null,
-                    alternativeText: null,
-                    folder: null
-                }));
-            });
-            try {
-                // unwrap() is needed to throw errors and trigger the catch block
-                // Without it, RTK Query never rejects and catch would never execute
-                await uploadFiles(formData).unwrap();
-                toggleNotification({
-                    type: 'success',
-                    message: formatMessage({
-                        id: getTranslationKey('assets.uploaded'),
-                        defaultMessage: '{number, plural, one {# asset} other {# assets}} uploaded successfully'
-                    }, {
-                        number: filesArray.length
-                    })
-                });
-            } catch (error) {
-                // Format the error message using the API error handler to provide
-                // context-specific feedback (e.g., file size limits, format restrictions, network errors)
-                const errorMessage = _unstableFormatAPIError(error);
-                toggleNotification({
-                    type: 'danger',
-                    message: errorMessage
-                });
-            }
-        }
-        // Reset input so the same file can be selected again
-        e.target.value = '';
-    };
-    return /*#__PURE__*/ jsxs(Layouts.Root, {
-        children: [
-            /*#__PURE__*/ jsx(VisuallyHidden, {
-                children: /*#__PURE__*/ jsx("input", {
-                    type: "file",
-                    ref: fileInputRef,
-                    onChange: handleFileChange,
-                    multiple: true
-                })
-            }),
-            /*#__PURE__*/ jsx(Layouts.Header, {
-                title: "TODO: Folder location",
-                primaryAction: /*#__PURE__*/ jsx(SimpleMenu, {
-                    popoverPlacement: "bottom-end",
-                    variant: "default",
-                    endIcon: /*#__PURE__*/ jsx(ChevronDown, {}),
-                    label: formatMessage({
-                        id: getTranslationKey('new'),
-                        defaultMessage: 'New'
-                    }),
-                    children: /*#__PURE__*/ jsx(MenuItem, {
-                        onSelect: handleFileSelect,
-                        startIcon: /*#__PURE__*/ jsx(Files, {}),
-                        children: formatMessage({
-                            id: getTranslationKey('import-files'),
-                            defaultMessage: 'Import files'
-                        })
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(Layouts.Content, {
-                children: "TODO: List/Grid views"
-            })
-        ]
-    });
-};
-
-export { MediaLibraryPage };
-//# sourceMappingURL=MediaLibraryPage.mjs.map

package/dist/admin/future/pages/MediaLibraryPage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaLibraryPage.mjs","sources":["../../../../admin/src/future/pages/MediaLibraryPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Layouts, useNotification, useAPIErrorHandler } from '@strapi/admin/strapi-admin';\nimport { MenuItem, SimpleMenu, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronDown, Files } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useUploadFilesMutation } from '../services/api';\nimport { getTranslationKey } from '../utils/translations';\n\nexport const MediaLibraryPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError } = useAPIErrorHandler();\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n  const [uploadFiles] = useUploadFilesMutation();\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      const formData = new FormData();\n      const filesArray = Array.from(files);\n\n      // Add files and fileInfo to the form data\n      filesArray.forEach((file) => {\n        formData.append('files', file);\n        formData.append(\n          'fileInfo',\n          JSON.stringify({\n            name: file.name,\n            caption: null,\n            alternativeText: null,\n            folder: null,\n          })\n        );\n      });\n\n      try {\n        // unwrap() is needed to throw errors and trigger the catch block\n        // Without it, RTK Query never rejects and catch would never execute\n        await uploadFiles(formData).unwrap();\n        toggleNotification({\n          type: 'success',\n          message: formatMessage(\n            {\n              id: getTranslationKey('assets.uploaded'),\n              defaultMessage:\n                '{number, plural, one {# asset} other {# assets}} uploaded successfully',\n            },\n            { number: filesArray.length }\n          ),\n        });\n      } catch (error) {\n        // Format the error message using the API error handler to provide\n        // context-specific feedback (e.g., file size limits, format restrictions, network errors)\n        const errorMessage = _unstableFormatAPIError(error as Error);\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    }\n    // Reset input so the same file can be selected again\n    e.target.value = '';\n  };\n\n  return (\n    <Layouts.Root>\n      <VisuallyHidden>\n        <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n      </VisuallyHidden>\n      <Layouts.Header\n        title=\"TODO: Folder location\"\n        primaryAction={\n          <SimpleMenu\n            popoverPlacement=\"bottom-end\"\n            variant=\"default\"\n            endIcon={<ChevronDown />}\n            label={formatMessage({ id: getTranslationKey('new'), defaultMessage: 'New' })}\n          >\n            <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n              {formatMessage({\n                id: getTranslationKey('import-files'),\n                defaultMessage: 'Import files',\n              })}\n            </MenuItem>\n          </SimpleMenu>\n        }\n      />\n\n      <Layouts.Content>TODO: List/Grid views</Layouts.Content>\n    </Layouts.Root>\n  );\n};\n"],"names":["MediaLibraryPage","formatMessage","useIntl","toggleNotification","useNotification","_unstableFormatAPIError","useAPIErrorHandler","fileInputRef","React","useRef","uploadFiles","useUploadFilesMutation","handleFileSelect","current","click","handleFileChange","e","files","target","length","formData","FormData","filesArray","Array","from","forEach","file","append","JSON","stringify","name","caption","alternativeText","folder","unwrap","type","message","id","getTranslationKey","defaultMessage","number","error","errorMessage","value","_jsxs","Layouts","Root","_jsx","VisuallyHidden","input","ref","onChange","multiple","Header","title","primaryAction","SimpleMenu","popoverPlacement","variant","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","Files","Content"],"mappings":"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"}

package/dist/admin/src/future/pages/MediaLibraryPage.d.ts

@@ -1 +0,0 @@
-export declare const MediaLibraryPage: () => import("react/jsx-runtime").JSX.Element;