@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/constants.mjs

@@ -0,0 +1,198 @@
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from './utils/getTrad.mjs';
+import 'qs';
+import './utils/urlYupSchema.mjs';
+
+var AssetType;
+(function(AssetType) {
+    AssetType["Video"] = "video";
+    AssetType["Image"] = "image";
+    AssetType["Document"] = "doc";
+    AssetType["Audio"] = "audio";
+})(AssetType || (AssetType = {}));
+var AssetSource;
+(function(AssetSource) {
+    AssetSource["Url"] = "url";
+    AssetSource["Computer"] = "computer";
+})(AssetSource || (AssetSource = {}));
+const PERMISSIONS = {
+    // This permission regards the main component (App) and is used to tell
+    // If the plugin link should be displayed in the menu
+    // And also if the plugin is accessible. This use case is found when a user types the url of the
+    // plugin directly in the browser
+    main: [
+        {
+            action: 'plugin::upload.read',
+            subject: null
+        },
+        {
+            action: 'plugin::upload.assets.create',
+            subject: null
+        },
+        {
+            action: 'plugin::upload.assets.update',
+            subject: null
+        }
+    ],
+    copyLink: [
+        {
+            action: 'plugin::upload.assets.copy-link',
+            subject: null
+        }
+    ],
+    create: [
+        {
+            action: 'plugin::upload.assets.create',
+            subject: null
+        }
+    ],
+    download: [
+        {
+            action: 'plugin::upload.assets.download',
+            subject: null
+        }
+    ],
+    read: [
+        {
+            action: 'plugin::upload.read',
+            subject: null
+        }
+    ],
+    configureView: [
+        {
+            action: 'plugin::upload.configure-view',
+            subject: null
+        }
+    ],
+    settings: [
+        {
+            action: 'plugin::upload.settings.read',
+            subject: null
+        }
+    ],
+    update: [
+        {
+            action: 'plugin::upload.assets.update',
+            subject: null,
+            fields: null
+        }
+    ]
+};
+const tableHeaders = [
+    {
+        name: 'preview',
+        key: 'preview',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.preview'),
+                defaultMessage: 'preview'
+            },
+            isSortable: false
+        },
+        type: 'image'
+    },
+    {
+        name: 'name',
+        key: 'name',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.name'),
+                defaultMessage: 'name'
+            },
+            isSortable: true
+        },
+        type: 'text'
+    },
+    {
+        name: 'ext',
+        key: 'extension',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.ext'),
+                defaultMessage: 'extension'
+            },
+            isSortable: false
+        },
+        type: 'ext'
+    },
+    {
+        name: 'size',
+        key: 'size',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.size'),
+                defaultMessage: 'size'
+            },
+            isSortable: false
+        },
+        type: 'size'
+    },
+    {
+        name: 'createdAt',
+        key: 'createdAt',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.createdAt'),
+                defaultMessage: 'created'
+            },
+            isSortable: true
+        },
+        type: 'date'
+    },
+    {
+        name: 'updatedAt',
+        key: 'updatedAt',
+        metadatas: {
+            label: {
+                id: getTrad('list.table.header.updatedAt'),
+                defaultMessage: 'last update'
+            },
+            isSortable: true
+        },
+        type: 'date'
+    }
+];
+const sortOptions = [
+    {
+        key: 'sort.created_at_desc',
+        value: 'createdAt:DESC'
+    },
+    {
+        key: 'sort.created_at_asc',
+        value: 'createdAt:ASC'
+    },
+    {
+        key: 'sort.name_asc',
+        value: 'name:ASC'
+    },
+    {
+        key: 'sort.name_desc',
+        value: 'name:DESC'
+    },
+    {
+        key: 'sort.updated_at_desc',
+        value: 'updatedAt:DESC'
+    },
+    {
+        key: 'sort.updated_at_asc',
+        value: 'updatedAt:ASC'
+    }
+];
+const pageSizes = [
+    10,
+    20,
+    50,
+    100
+];
+const localStorageKeys = {
+    modalView: `STRAPI_UPLOAD_MODAL_VIEW`,
+    view: `STRAPI_UPLOAD_LIBRARY_VIEW`
+};
+const viewOptions = {
+    GRID: 0,
+    LIST: 1
+};
+
+export { AssetSource, AssetType, PERMISSIONS, localStorageKeys, pageSizes, sortOptions, tableHeaders, viewOptions };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport enum AssetType {\n  Video = 'video',\n  Image = 'image',\n  Document = 'doc',\n  Audio = 'audio',\n}\n\nexport enum AssetSource {\n  Url = 'url',\n  Computer = 'computer',\n}\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["AssetType","AssetSource","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}

package/dist/admin/hooks/useAssets.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var pluginId = require('../pluginId.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 useAssets = ({ skipWhen = false, query = {} } = {})=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const { get } = strapiAdmin.useFetchClient();
+    const { folderPath, _q, ...paramsExceptFolderAndQ } = query;
+    let params;
+    if (_q) {
+        params = {
+            ...paramsExceptFolderAndQ,
+            _q: encodeURIComponent(_q)
+        };
+    } else {
+        params = {
+            ...paramsExceptFolderAndQ,
+            filters: {
+                $and: [
+                    ...paramsExceptFolderAndQ?.filters?.$and ?? [],
+                    {
+                        folderPath: {
+                            $eq: folderPath ?? '/'
+                        }
+                    }
+                ]
+            }
+        };
+    }
+    const { data, error, isLoading } = reactQuery.useQuery([
+        pluginId.pluginId,
+        'assets',
+        params
+    ], async ()=>{
+        const { data } = await get('/upload/files', {
+            params
+        });
+        return data;
+    }, {
+        enabled: !skipWhen,
+        staleTime: 0,
+        cacheTime: 0,
+        select (data) {
+            if (data?.results && Array.isArray(data.results)) {
+                return {
+                    ...data,
+                    results: data.results/**
+               * Filter out assets that don't have a name.
+               * So we don't try to render them as assets
+               * and get errors.
+               */ .filter((asset)=>asset.name).map((asset)=>({
+                            ...asset,
+                            /**
+                 * Mime and ext cannot be null in the front-end because
+                 * we expect them to be strings and use the `includes` method.
+                 */ mime: asset.mime ?? '',
+                            ext: asset.ext ?? ''
+                        }))
+                };
+            }
+            return data;
+        }
+    });
+    React__namespace.useEffect(()=>{
+        if (data) {
+            notifyStatus(formatMessage({
+                id: 'list.asset.at.finished',
+                defaultMessage: 'The assets have finished loading.'
+            }));
+        }
+    }, [
+        data,
+        formatMessage,
+        notifyStatus
+    ]);
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        }
+    }, [
+        error,
+        formatMessage,
+        toggleNotification
+    ]);
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+exports.useAssets = useAssets;
+//# sourceMappingURL=useAssets.js.map

package/dist/admin/hooks/useAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssets.js","sources":["../../../admin/src/hooks/useAssets.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { Query, GetFiles } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\ninterface UseAssetsOptions {\n  skipWhen?: boolean;\n  query?: Query;\n}\n\nexport const useAssets = ({ skipWhen = false, query = {} }: UseAssetsOptions = {}) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const { get } = useFetchClient();\n  const { folderPath, _q, ...paramsExceptFolderAndQ } = query;\n\n  let params: Query;\n\n  if (_q) {\n    params = {\n      ...paramsExceptFolderAndQ,\n      _q: encodeURIComponent(_q),\n    };\n  } else {\n    params = {\n      ...paramsExceptFolderAndQ,\n      filters: {\n        $and: [\n          ...(paramsExceptFolderAndQ?.filters?.$and ?? []),\n          {\n            folderPath: { $eq: folderPath ?? '/' },\n          },\n        ],\n      },\n    };\n  }\n\n  const { data, error, isLoading } = useQuery<\n    GetFiles.Response['data'],\n    GetFiles.Response['error']\n  >(\n    [pluginId, 'assets', params],\n    async () => {\n      const { data } = await get('/upload/files', { params });\n\n      return data;\n    },\n    {\n      enabled: !skipWhen,\n      staleTime: 0,\n      cacheTime: 0,\n      select(data) {\n        if (data?.results && Array.isArray(data.results)) {\n          return {\n            ...data,\n            results: data.results\n              /**\n               * Filter out assets that don't have a name.\n               * So we don't try to render them as assets\n               * and get errors.\n               */\n              .filter((asset) => asset.name)\n              .map((asset) => ({\n                ...asset,\n                /**\n                 * Mime and ext cannot be null in the front-end because\n                 * we expect them to be strings and use the `includes` method.\n                 */\n                mime: asset.mime ?? '',\n                ext: asset.ext ?? '',\n              })),\n          };\n        }\n\n        return data;\n      },\n    }\n  );\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: 'list.asset.at.finished',\n          defaultMessage: 'The assets have finished loading.',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error' }),\n      });\n    }\n  }, [error, formatMessage, toggleNotification]);\n\n  return { data, error, isLoading };\n};\n"],"names":["useAssets","skipWhen","query","formatMessage","useIntl","toggleNotification","useNotification","notifyStatus","useNotifyAT","get","useFetchClient","folderPath","_q","paramsExceptFolderAndQ","params","encodeURIComponent","filters","$and","$eq","data","error","isLoading","useQuery","pluginId","enabled","staleTime","cacheTime","select","results","Array","isArray","filter","asset","name","map","mime","ext","React","useEffect","id","defaultMessage","type","message"],"mappings":"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"}

package/dist/admin/hooks/useAssets.mjs

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';
+import { useNotifyAT } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useQuery } from 'react-query';
+import { pluginId } from '../pluginId.mjs';
+
+const useAssets = ({ skipWhen = false, query = {} } = {})=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { notifyStatus } = useNotifyAT();
+    const { get } = useFetchClient();
+    const { folderPath, _q, ...paramsExceptFolderAndQ } = query;
+    let params;
+    if (_q) {
+        params = {
+            ...paramsExceptFolderAndQ,
+            _q: encodeURIComponent(_q)
+        };
+    } else {
+        params = {
+            ...paramsExceptFolderAndQ,
+            filters: {
+                $and: [
+                    ...paramsExceptFolderAndQ?.filters?.$and ?? [],
+                    {
+                        folderPath: {
+                            $eq: folderPath ?? '/'
+                        }
+                    }
+                ]
+            }
+        };
+    }
+    const { data, error, isLoading } = useQuery([
+        pluginId,
+        'assets',
+        params
+    ], async ()=>{
+        const { data } = await get('/upload/files', {
+            params
+        });
+        return data;
+    }, {
+        enabled: !skipWhen,
+        staleTime: 0,
+        cacheTime: 0,
+        select (data) {
+            if (data?.results && Array.isArray(data.results)) {
+                return {
+                    ...data,
+                    results: data.results/**
+               * Filter out assets that don't have a name.
+               * So we don't try to render them as assets
+               * and get errors.
+               */ .filter((asset)=>asset.name).map((asset)=>({
+                            ...asset,
+                            /**
+                 * Mime and ext cannot be null in the front-end because
+                 * we expect them to be strings and use the `includes` method.
+                 */ mime: asset.mime ?? '',
+                            ext: asset.ext ?? ''
+                        }))
+                };
+            }
+            return data;
+        }
+    });
+    React.useEffect(()=>{
+        if (data) {
+            notifyStatus(formatMessage({
+                id: 'list.asset.at.finished',
+                defaultMessage: 'The assets have finished loading.'
+            }));
+        }
+    }, [
+        data,
+        formatMessage,
+        notifyStatus
+    ]);
+    React.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error'
+                })
+            });
+        }
+    }, [
+        error,
+        formatMessage,
+        toggleNotification
+    ]);
+    return {
+        data,
+        error,
+        isLoading
+    };
+};
+
+export { useAssets };
+//# sourceMappingURL=useAssets.mjs.map

package/dist/admin/hooks/useAssets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssets.mjs","sources":["../../../admin/src/hooks/useAssets.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useNotifyAT } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useQuery } from 'react-query';\n\nimport { Query, GetFiles } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\ninterface UseAssetsOptions {\n  skipWhen?: boolean;\n  query?: Query;\n}\n\nexport const useAssets = ({ skipWhen = false, query = {} }: UseAssetsOptions = {}) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const { get } = useFetchClient();\n  const { folderPath, _q, ...paramsExceptFolderAndQ } = query;\n\n  let params: Query;\n\n  if (_q) {\n    params = {\n      ...paramsExceptFolderAndQ,\n      _q: encodeURIComponent(_q),\n    };\n  } else {\n    params = {\n      ...paramsExceptFolderAndQ,\n      filters: {\n        $and: [\n          ...(paramsExceptFolderAndQ?.filters?.$and ?? []),\n          {\n            folderPath: { $eq: folderPath ?? '/' },\n          },\n        ],\n      },\n    };\n  }\n\n  const { data, error, isLoading } = useQuery<\n    GetFiles.Response['data'],\n    GetFiles.Response['error']\n  >(\n    [pluginId, 'assets', params],\n    async () => {\n      const { data } = await get('/upload/files', { params });\n\n      return data;\n    },\n    {\n      enabled: !skipWhen,\n      staleTime: 0,\n      cacheTime: 0,\n      select(data) {\n        if (data?.results && Array.isArray(data.results)) {\n          return {\n            ...data,\n            results: data.results\n              /**\n               * Filter out assets that don't have a name.\n               * So we don't try to render them as assets\n               * and get errors.\n               */\n              .filter((asset) => asset.name)\n              .map((asset) => ({\n                ...asset,\n                /**\n                 * Mime and ext cannot be null in the front-end because\n                 * we expect them to be strings and use the `includes` method.\n                 */\n                mime: asset.mime ?? '',\n                ext: asset.ext ?? '',\n              })),\n          };\n        }\n\n        return data;\n      },\n    }\n  );\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: 'list.asset.at.finished',\n          defaultMessage: 'The assets have finished loading.',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error' }),\n      });\n    }\n  }, [error, formatMessage, toggleNotification]);\n\n  return { data, error, isLoading };\n};\n"],"names":["useAssets","skipWhen","query","formatMessage","useIntl","toggleNotification","useNotification","notifyStatus","useNotifyAT","get","useFetchClient","folderPath","_q","paramsExceptFolderAndQ","params","encodeURIComponent","filters","$and","$eq","data","error","isLoading","useQuery","pluginId","enabled","staleTime","cacheTime","select","results","Array","isArray","filter","asset","name","map","mime","ext","React","useEffect","id","defaultMessage","type","message"],"mappings":"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"}

package/dist/admin/hooks/useBulkMove.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var pluginId = require('../pluginId.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../utils/getTrad.js');
+require('qs');
+require('../constants.js');
+require('../utils/urlYupSchema.js');
+
+const useBulkMove = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { post } = strapiAdmin.useFetchClient();
+    const bulkMoveQuery = ({ destinationFolderId, filesAndFolders })=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-move', {
+            ...payload,
+            destinationFolderId
+        });
+    };
+    const mutation = reactQuery.useMutation(bulkMoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId.pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            // folders need to be re-fetched in any case, because assets might have been
+            // moved into a sub-folder and therefore the count needs to be updated
+            queryClient.refetchQueries([
+                pluginId.pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad.getTrad('modal.move.success-label'),
+                    defaultMessage: 'Elements have been moved successfully.'
+                })
+            });
+        }
+    });
+    const move = (destinationFolderId, filesAndFolders)=>mutation.mutateAsync({
+            destinationFolderId,
+            filesAndFolders
+        });
+    return {
+        ...mutation,
+        move
+    };
+};
+
+exports.useBulkMove = useBulkMove;
+//# sourceMappingURL=useBulkMove.js.map

package/dist/admin/hooks/useBulkMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkMove.js","sources":["../../../admin/src/hooks/useBulkMove.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { File, BulkMoveFiles } from '../../../shared/contracts/files';\nimport { Folder, BulkMoveFolders } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nexport interface FolderWithType extends Folder {\n  type: string;\n}\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ninterface BulkMoveParams {\n  destinationFolderId: number | string;\n  filesAndFolders: Array<FolderWithType | FileWithType>;\n}\n\n// Define the shape of the accumulator object\ntype Payload = {\n  fileIds?: number[];\n  folderIds?: number[];\n};\n\nexport const useBulkMove = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkMoveQuery = ({ destinationFolderId, filesAndFolders }: BulkMoveParams) => {\n    const payload = filesAndFolders.reduce<Payload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post('/upload/actions/bulk-move', { ...payload, destinationFolderId });\n  };\n\n  const mutation = useMutation<\n    BulkMoveFolders.Response | BulkMoveFiles.Response,\n    BulkMoveFolders.Response['error'] | BulkMoveFiles.Response['error'],\n    BulkMoveParams\n  >(bulkMoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      // folders need to be re-fetched in any case, because assets might have been\n      // moved into a sub-folder and therefore the count needs to be updated\n      queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.move.success-label'),\n          defaultMessage: 'Elements have been moved successfully.',\n        }),\n      });\n    },\n  });\n\n  const move = (\n    destinationFolderId: number | string,\n    filesAndFolders: Array<FolderWithType | FileWithType>\n  ) => mutation.mutateAsync({ destinationFolderId, filesAndFolders });\n\n  return { ...mutation, move };\n};\n"],"names":["useBulkMove","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkMoveQuery","destinationFolderId","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","message","getTrad","defaultMessage","move","mutateAsync"],"mappings":";;;;;;;;;;;;;MA4BaA,WAAc,GAAA,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAcC,GAAAA,yBAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,0BAAAA,EAAAA;AAEjB,IAAA,MAAMC,gBAAgB,CAAC,EAAEC,mBAAmB,EAAEC,eAAe,EAAkB,GAAA;AAC7E,QAAA,MAAMC,OAAUD,GAAAA,eAAAA,CAAgBE,MAAM,CAAU,CAACC,GAAKC,EAAAA,QAAAA,GAAAA;AACpD,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAS,KAAA,OAAA,GAAU,SAAY,GAAA,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAI,CAAA,GAAG,EAAE;AACf;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,SAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAOP,KAAK,2BAA6B,EAAA;AAAE,YAAA,GAAGK,OAAO;AAAEF,YAAAA;AAAoB,SAAA,CAAA;AAC7E,KAAA;IAEA,MAAMU,QAAAA,GAAWC,uBAIfZ,aAAe,EAAA;AACfa,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAM,EAAA,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAOC,EAAAA,MAAAA,GAAS,CAAG,EAAA;AAC3BrB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AAChExB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,iBAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACvE;;;AAIAxB,YAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,gBAAAA,iBAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;YAEjE1B,kBAAmB,CAAA;gBACjBc,IAAM,EAAA,SAAA;AACNa,gBAAAA,OAAAA,EAAS7B,aAAc,CAAA;AACrBe,oBAAAA,EAAAA,EAAIe,eAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,OAAO,CACXvB,mBAAAA,EACAC,eACGS,GAAAA,QAAAA,CAASc,WAAW,CAAC;AAAExB,YAAAA,mBAAAA;AAAqBC,YAAAA;AAAgB,SAAA,CAAA;IAEjE,OAAO;AAAE,QAAA,GAAGS,QAAQ;AAAEa,QAAAA;AAAK,KAAA;AAC7B;;;;"}

package/dist/admin/hooks/useBulkMove.mjs

@@ -0,0 +1,77 @@
+import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useMutation } from 'react-query';
+import { pluginId } from '../pluginId.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../utils/getTrad.mjs';
+import 'qs';
+import '../constants.mjs';
+import '../utils/urlYupSchema.mjs';
+
+const useBulkMove = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const queryClient = useQueryClient();
+    const { post } = useFetchClient();
+    const bulkMoveQuery = ({ destinationFolderId, filesAndFolders })=>{
+        const payload = filesAndFolders.reduce((acc, selected)=>{
+            const { id, type } = selected;
+            const key = type === 'asset' ? 'fileIds' : 'folderIds';
+            if (!acc[key]) {
+                acc[key] = [];
+            }
+            acc[key].push(id);
+            return acc;
+        }, {});
+        return post('/upload/actions/bulk-move', {
+            ...payload,
+            destinationFolderId
+        });
+    };
+    const mutation = useMutation(bulkMoveQuery, {
+        onSuccess (res) {
+            const { data: { data } } = res;
+            if (data?.files?.length > 0) {
+                queryClient.refetchQueries([
+                    pluginId,
+                    'assets'
+                ], {
+                    active: true
+                });
+                queryClient.refetchQueries([
+                    pluginId,
+                    'asset-count'
+                ], {
+                    active: true
+                });
+            }
+            // folders need to be re-fetched in any case, because assets might have been
+            // moved into a sub-folder and therefore the count needs to be updated
+            queryClient.refetchQueries([
+                pluginId,
+                'folders'
+            ], {
+                active: true
+            });
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('modal.move.success-label'),
+                    defaultMessage: 'Elements have been moved successfully.'
+                })
+            });
+        }
+    });
+    const move = (destinationFolderId, filesAndFolders)=>mutation.mutateAsync({
+            destinationFolderId,
+            filesAndFolders
+        });
+    return {
+        ...mutation,
+        move
+    };
+};
+
+export { useBulkMove };
+//# sourceMappingURL=useBulkMove.mjs.map

package/dist/admin/hooks/useBulkMove.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBulkMove.mjs","sources":["../../../admin/src/hooks/useBulkMove.ts"],"sourcesContent":["import { useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQueryClient } from 'react-query';\n\nimport { File, BulkMoveFiles } from '../../../shared/contracts/files';\nimport { Folder, BulkMoveFolders } from '../../../shared/contracts/folders';\nimport { pluginId } from '../pluginId';\nimport { getTrad } from '../utils';\n\nexport interface FolderWithType extends Folder {\n  type: string;\n}\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\ninterface BulkMoveParams {\n  destinationFolderId: number | string;\n  filesAndFolders: Array<FolderWithType | FileWithType>;\n}\n\n// Define the shape of the accumulator object\ntype Payload = {\n  fileIds?: number[];\n  folderIds?: number[];\n};\n\nexport const useBulkMove = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { post } = useFetchClient();\n\n  const bulkMoveQuery = ({ destinationFolderId, filesAndFolders }: BulkMoveParams) => {\n    const payload = filesAndFolders.reduce<Payload>((acc, selected) => {\n      const { id, type } = selected;\n      const key = type === 'asset' ? 'fileIds' : 'folderIds';\n\n      if (!acc[key]) {\n        acc[key] = [];\n      }\n\n      acc[key]!.push(id);\n\n      return acc;\n    }, {});\n\n    return post('/upload/actions/bulk-move', { ...payload, destinationFolderId });\n  };\n\n  const mutation = useMutation<\n    BulkMoveFolders.Response | BulkMoveFiles.Response,\n    BulkMoveFolders.Response['error'] | BulkMoveFiles.Response['error'],\n    BulkMoveParams\n  >(bulkMoveQuery, {\n    onSuccess(res) {\n      const {\n        data: { data },\n      } = res;\n\n      if (data?.files?.length > 0) {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n      }\n\n      // folders need to be re-fetched in any case, because assets might have been\n      // moved into a sub-folder and therefore the count needs to be updated\n      queryClient.refetchQueries([pluginId, 'folders'], { active: true });\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('modal.move.success-label'),\n          defaultMessage: 'Elements have been moved successfully.',\n        }),\n      });\n    },\n  });\n\n  const move = (\n    destinationFolderId: number | string,\n    filesAndFolders: Array<FolderWithType | FileWithType>\n  ) => mutation.mutateAsync({ destinationFolderId, filesAndFolders });\n\n  return { ...mutation, move };\n};\n"],"names":["useBulkMove","formatMessage","useIntl","toggleNotification","useNotification","queryClient","useQueryClient","post","useFetchClient","bulkMoveQuery","destinationFolderId","filesAndFolders","payload","reduce","acc","selected","id","type","key","push","mutation","useMutation","onSuccess","res","data","files","length","refetchQueries","pluginId","active","message","getTrad","defaultMessage","move","mutateAsync"],"mappings":";;;;;;;;;;;MA4BaA,WAAc,GAAA,IAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAMC,WAAcC,GAAAA,cAAAA,EAAAA;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAAA,EAAAA;AAEjB,IAAA,MAAMC,gBAAgB,CAAC,EAAEC,mBAAmB,EAAEC,eAAe,EAAkB,GAAA;AAC7E,QAAA,MAAMC,OAAUD,GAAAA,eAAAA,CAAgBE,MAAM,CAAU,CAACC,GAAKC,EAAAA,QAAAA,GAAAA;AACpD,YAAA,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGF,QAAAA;YACrB,MAAMG,GAAAA,GAAMD,IAAS,KAAA,OAAA,GAAU,SAAY,GAAA,WAAA;AAE3C,YAAA,IAAI,CAACH,GAAG,CAACI,GAAAA,CAAI,EAAE;gBACbJ,GAAG,CAACI,GAAI,CAAA,GAAG,EAAE;AACf;AAEAJ,YAAAA,GAAG,CAACI,GAAAA,CAAI,CAAEC,IAAI,CAACH,EAAAA,CAAAA;YAEf,OAAOF,GAAAA;AACT,SAAA,EAAG,EAAC,CAAA;AAEJ,QAAA,OAAOP,KAAK,2BAA6B,EAAA;AAAE,YAAA,GAAGK,OAAO;AAAEF,YAAAA;AAAoB,SAAA,CAAA;AAC7E,KAAA;IAEA,MAAMU,QAAAA,GAAWC,YAIfZ,aAAe,EAAA;AACfa,QAAAA,SAAAA,CAAAA,CAAUC,GAAG,EAAA;AACX,YAAA,MAAM,EACJC,IAAM,EAAA,EAAEA,IAAI,EAAE,EACf,GAAGD,GAAAA;YAEJ,IAAIC,IAAAA,EAAMC,KAAOC,EAAAA,MAAAA,GAAS,CAAG,EAAA;AAC3BrB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAS,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AAChExB,gBAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,oBAAAA,QAAAA;AAAU,oBAAA;iBAAc,EAAE;oBAAEC,MAAQ,EAAA;AAAK,iBAAA,CAAA;AACvE;;;AAIAxB,YAAAA,WAAAA,CAAYsB,cAAc,CAAC;AAACC,gBAAAA,QAAAA;AAAU,gBAAA;aAAU,EAAE;gBAAEC,MAAQ,EAAA;AAAK,aAAA,CAAA;YAEjE1B,kBAAmB,CAAA;gBACjBc,IAAM,EAAA,SAAA;AACNa,gBAAAA,OAAAA,EAAS7B,aAAc,CAAA;AACrBe,oBAAAA,EAAAA,EAAIe,OAAQ,CAAA,0BAAA,CAAA;oBACZC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA,CAAA;AAEA,IAAA,MAAMC,OAAO,CACXvB,mBAAAA,EACAC,eACGS,GAAAA,QAAAA,CAASc,WAAW,CAAC;AAAExB,YAAAA,mBAAAA;AAAqBC,YAAAA;AAAgB,SAAA,CAAA;IAEjE,OAAO;AAAE,QAAA,GAAGS,QAAQ;AAAEa,QAAAA;AAAK,KAAA;AAC7B;;;;"}