@strapi/upload 5.53.0 → 5.55.0

package/dist/admin/legacy/hooks/useUpload.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactQuery = require('react-query');
+var reactRedux = require('react-redux');
+var pluginId = require('../../pluginId.js');
+var uploadFileViaXHR = require('../../services/uploadFileViaXHR.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+
+const endpoint = `/${pluginId.pluginId}`;
+const uploadAssets = (assets, folderId, signal, onProgress, token)=>{
+    const assetsArray = Array.isArray(assets) ? assets : [
+        assets
+    ];
+    const formData = new FormData();
+    // Add all files to the form data
+    assetsArray.forEach((asset)=>{
+        if (asset.rawFile) {
+            formData.append('files', asset.rawFile);
+        }
+    });
+    // Add each fileInfo as a separate stringified field
+    assetsArray.forEach((asset)=>{
+        formData.append('fileInfo', JSON.stringify({
+            name: asset.name,
+            caption: asset.caption,
+            alternativeText: asset.alternativeText,
+            folder: folderId
+        }));
+    });
+    /**
+   * Native fetch cannot report upload progress, so upload via the shared XHR
+   * service and surface its byte-level progress as a 0-100 percentage.
+   */ return uploadFileViaXHR.uploadFileViaXHR(`${window.strapi.backendURL}${endpoint}`, token, formData, signal, (loaded, total)=>{
+        if (total > 0) {
+            onProgress(Math.round(loaded / total * 100));
+        }
+    });
+};
+const useUpload = ()=>{
+    const dispatch = reactRedux.useDispatch();
+    const [progress, setProgress] = React__namespace.useState(0);
+    const queryClient = reactQuery.useQueryClient();
+    const abortController = new AbortController();
+    const signal = abortController.signal;
+    const store = reactRedux.useStore();
+    const mutation = reactQuery.useMutation(({ assets, folderId })=>{
+        return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);
+    }, {
+        mutationKey: [
+            pluginId.pluginId,
+            'upload'
+        ],
+        onSuccess () {
+            queryClient.refetchQueries([
+                pluginId.pluginId,
+                'assets'
+            ], {
+                active: true
+            });
+            queryClient.refetchQueries([
+                pluginId.pluginId,
+                'asset-count'
+            ], {
+                active: true
+            });
+            dispatch(strapiAdmin.adminApi.util.invalidateTags([
+                'HomepageKeyStatistics',
+                'AiUsage'
+            ]));
+        }
+    });
+    const upload = (assets, folderId)=>mutation.mutateAsync({
+            assets,
+            folderId
+        });
+    const cancel = ()=>abortController.abort();
+    return {
+        upload,
+        isLoading: mutation.isLoading,
+        cancel,
+        error: mutation.error,
+        progress,
+        status: mutation.status
+    };
+};
+
+exports.useUpload = useUpload;
+//# sourceMappingURL=useUpload.js.map

package/dist/admin/legacy/hooks/useUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.js","sources":["../../../../admin/src/legacy/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../../shared/contracts/files';\nimport { pluginId } from '../../pluginId';\nimport { uploadFileViaXHR } from '../../services/uploadFileViaXHR';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\ninterface StoreState {\n  admin_app: {\n    token?: string | null;\n  };\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  token: string | null | undefined\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * Native fetch cannot report upload progress, so upload via the shared XHR\n   * service and surface its byte-level progress as a 0-100 percentage.\n   */\n  return uploadFileViaXHR<CreateFile.Response['data']>(\n    `${window.strapi.backendURL}${endpoint}`,\n    token,\n    formData,\n    signal,\n    (loaded, total) => {\n      if (total > 0) {\n        onProgress(Math.round((loaded / total) * 100));\n      }\n    }\n  );\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const store = useStore<StoreState>();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);\n    },\n    {\n      mutationKey: [pluginId, 'upload'],\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","token","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","uploadFileViaXHR","window","strapi","backendURL","loaded","total","Math","round","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","store","useStore","mutation","useMutation","getState","admin_app","mutationKey","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/legacy/hooks/useUpload.mjs

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import { adminApi } from '@strapi/admin/strapi-admin';
+import { useQueryClient, useMutation } from 'react-query';
+import { useDispatch, useStore } from 'react-redux';
+import { pluginId } from '../../pluginId.mjs';
+import { uploadFileViaXHR } from '../../services/uploadFileViaXHR.mjs';
+
+const endpoint = `/${pluginId}`;
+const uploadAssets = (assets, folderId, signal, onProgress, token)=>{
+    const assetsArray = Array.isArray(assets) ? assets : [
+        assets
+    ];
+    const formData = new FormData();
+    // Add all files to the form data
+    assetsArray.forEach((asset)=>{
+        if (asset.rawFile) {
+            formData.append('files', asset.rawFile);
+        }
+    });
+    // Add each fileInfo as a separate stringified field
+    assetsArray.forEach((asset)=>{
+        formData.append('fileInfo', JSON.stringify({
+            name: asset.name,
+            caption: asset.caption,
+            alternativeText: asset.alternativeText,
+            folder: folderId
+        }));
+    });
+    /**
+   * Native fetch cannot report upload progress, so upload via the shared XHR
+   * service and surface its byte-level progress as a 0-100 percentage.
+   */ return uploadFileViaXHR(`${window.strapi.backendURL}${endpoint}`, token, formData, signal, (loaded, total)=>{
+        if (total > 0) {
+            onProgress(Math.round(loaded / total * 100));
+        }
+    });
+};
+const useUpload = ()=>{
+    const dispatch = useDispatch();
+    const [progress, setProgress] = React.useState(0);
+    const queryClient = useQueryClient();
+    const abortController = new AbortController();
+    const signal = abortController.signal;
+    const store = useStore();
+    const mutation = useMutation(({ assets, folderId })=>{
+        return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);
+    }, {
+        mutationKey: [
+            pluginId,
+            'upload'
+        ],
+        onSuccess () {
+            queryClient.refetchQueries([
+                pluginId,
+                'assets'
+            ], {
+                active: true
+            });
+            queryClient.refetchQueries([
+                pluginId,
+                'asset-count'
+            ], {
+                active: true
+            });
+            dispatch(adminApi.util.invalidateTags([
+                'HomepageKeyStatistics',
+                'AiUsage'
+            ]));
+        }
+    });
+    const upload = (assets, folderId)=>mutation.mutateAsync({
+            assets,
+            folderId
+        });
+    const cancel = ()=>abortController.abort();
+    return {
+        upload,
+        isLoading: mutation.isLoading,
+        cancel,
+        error: mutation.error,
+        progress,
+        status: mutation.status
+    };
+};
+
+export { useUpload };
+//# sourceMappingURL=useUpload.mjs.map

package/dist/admin/legacy/hooks/useUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpload.mjs","sources":["../../../../admin/src/legacy/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../../shared/contracts/files';\nimport { pluginId } from '../../pluginId';\nimport { uploadFileViaXHR } from '../../services/uploadFileViaXHR';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\ninterface StoreState {\n  admin_app: {\n    token?: string | null;\n  };\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  token: string | null | undefined\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * Native fetch cannot report upload progress, so upload via the shared XHR\n   * service and surface its byte-level progress as a 0-100 percentage.\n   */\n  return uploadFileViaXHR<CreateFile.Response['data']>(\n    `${window.strapi.backendURL}${endpoint}`,\n    token,\n    formData,\n    signal,\n    (loaded, total) => {\n      if (total > 0) {\n        onProgress(Math.round((loaded / total) * 100));\n      }\n    }\n  );\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const store = useStore<StoreState>();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);\n    },\n    {\n      mutationKey: [pluginId, 'upload'],\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","token","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","uploadFileViaXHR","window","strapi","backendURL","loaded","total","Math","round","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","store","useStore","mutation","useMutation","getState","admin_app","mutationKey","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/legacy/hooks/utils/renameKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renameKeys.js","sources":["../../../../../admin/src/legacy/hooks/utils/renameKeys.ts"],"sourcesContent":["type Primitive = string | number | boolean | null | undefined;\n\nexport type DeepRecord<T> = {\n  [K in keyof T]: T[K] extends Primitive ? T[K] : DeepRecord<T[K]>;\n};\n\nexport const recursiveRenameKeys = <T extends object>(\n  obj: T,\n  fn: (key: string) => string\n): DeepRecord<T> =>\n  Object.fromEntries(\n    Object.entries(obj).map(([key, value]) => {\n      const getValue = (v: unknown): unknown =>\n        typeof v === 'object' && v !== null ? recursiveRenameKeys(v, fn) : v;\n\n      return [fn(key), Array.isArray(value) ? value.map((val) => getValue(val)) : getValue(value)];\n    })\n  ) as DeepRecord<T>;\n"],"names":["recursiveRenameKeys","obj","fn","Object","fromEntries","entries","map","key","value","getValue","v","Array","isArray","val"],"mappings":";;MAMaA,mBAAAA,GAAsB,CACjCC,GAAAA,EACAC,EAAAA,GAEAC,OAAOC,WAAW,CAChBD,MAAAA,CAAOE,OAAO,CAACJ,GAAAA,CAAAA,CAAKK,GAAG,CAAC,CAAC,CAACC,KAAKC,KAAAA,CAAM,GAAA;QACnC,MAAMC,QAAAA,GAAW,CAACC,CAAAA,GAChB,OAAOA,CAAAA,KAAM,YAAYA,CAAAA,KAAM,IAAA,GAAOV,mBAAAA,CAAoBU,CAAAA,EAAGR,EAAAA,CAAAA,GAAMQ,CAAAA;QAErE,OAAO;YAACR,EAAAA,CAAGK,GAAAA,CAAAA;YAAMI,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,GAASA,KAAAA,CAAMF,GAAG,CAAC,CAACO,GAAAA,GAAQJ,QAAAA,CAASI,GAAAA,CAAAA,CAAAA,GAAQJ,QAAAA,CAASD,KAAAA;AAAO,SAAA;IAC9F,CAAA,CAAA;;;;"}

package/dist/admin/legacy/hooks/utils/renameKeys.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renameKeys.mjs","sources":["../../../../../admin/src/legacy/hooks/utils/renameKeys.ts"],"sourcesContent":["type Primitive = string | number | boolean | null | undefined;\n\nexport type DeepRecord<T> = {\n  [K in keyof T]: T[K] extends Primitive ? T[K] : DeepRecord<T[K]>;\n};\n\nexport const recursiveRenameKeys = <T extends object>(\n  obj: T,\n  fn: (key: string) => string\n): DeepRecord<T> =>\n  Object.fromEntries(\n    Object.entries(obj).map(([key, value]) => {\n      const getValue = (v: unknown): unknown =>\n        typeof v === 'object' && v !== null ? recursiveRenameKeys(v, fn) : v;\n\n      return [fn(key), Array.isArray(value) ? value.map((val) => getValue(val)) : getValue(value)];\n    })\n  ) as DeepRecord<T>;\n"],"names":["recursiveRenameKeys","obj","fn","Object","fromEntries","entries","map","key","value","getValue","v","Array","isArray","val"],"mappings":"MAMaA,mBAAAA,GAAsB,CACjCC,GAAAA,EACAC,EAAAA,GAEAC,OAAOC,WAAW,CAChBD,MAAAA,CAAOE,OAAO,CAACJ,GAAAA,CAAAA,CAAKK,GAAG,CAAC,CAAC,CAACC,KAAKC,KAAAA,CAAM,GAAA;QACnC,MAAMC,QAAAA,GAAW,CAACC,CAAAA,GAChB,OAAOA,CAAAA,KAAM,YAAYA,CAAAA,KAAM,IAAA,GAAOV,mBAAAA,CAAoBU,CAAAA,EAAGR,EAAAA,CAAAA,GAAMQ,CAAAA;QAErE,OAAO;YAACR,EAAAA,CAAGK,GAAAA,CAAAA;YAAMI,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,GAASA,KAAAA,CAAMF,GAAG,CAAC,CAACO,GAAAA,GAAQJ,QAAAA,CAASI,GAAAA,CAAAA,CAAAA,GAAQJ,QAAAA,CAASD,KAAAA;AAAO,SAAA;IAC9F,CAAA,CAAA;;;;"}

package/dist/admin/legacy/pages/App/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sources":["../../../../../admin/src/legacy/pages/App/App.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { Page, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { useConfig } from '../../hooks/useConfig';\nimport { getTrad } from '../../utils';\n\nimport { MediaLibrary } from './MediaLibrary';\n\nimport type { Configuration } from '../../../../../shared/contracts/configuration';\n\nconst ConfigureTheView = React.lazy(async () =>\n  import('./ConfigureTheView/ConfigureTheView').then((mod) => ({ default: mod.ConfigureTheView }))\n);\n\nexport const Upload = () => {\n  const {\n    config: { isLoading, isError, data: config },\n  } = useConfig() as { config: { isLoading: boolean; isError: boolean; data: Configuration } };\n\n  const [{ rawQuery }, setQuery] = useQueryParams();\n  const { formatMessage } = useIntl();\n  const title = formatMessage({ id: getTrad('plugin.name'), defaultMessage: 'Media Library' });\n\n  React.useEffect(() => {\n    if (isLoading || isError || rawQuery) {\n      return;\n    }\n    setQuery({\n      sort: config.sort,\n      page: 1,\n      pageSize: config.pageSize,\n    });\n  }, [isLoading, isError, config, rawQuery, setQuery]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n      {rawQuery ? (\n        <React.Suspense fallback={<Page.Loading />}>\n          <Routes>\n            <Route index element={<MediaLibrary />} />\n            <Route\n              path=\"configuration\"\n              element={<ConfigureTheView config={config as Configuration} />}\n            />\n          </Routes>\n        </React.Suspense>\n      ) : null}\n    </Page.Main>\n  );\n};\n"],"names":["ConfigureTheView","React","lazy","then","mod","default","Upload","config","isLoading","isError","data","useConfig","rawQuery","setQuery","useQueryParams","formatMessage","useIntl","title","id","getTrad","defaultMessage","useEffect","sort","page","pageSize","_jsx","Page","Loading","_jsxs","Main","Title","Suspense","fallback","Routes","Route","index","element","MediaLibrary","path"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAcA,MAAMA,gBAAAA,iBAAmBC,gBAAAA,CAAMC,IAAI,CAAC,UAClC,oDAAO,wCAAA,KAAA,CAAuCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIJ;SAAiB,CAAA,CAAA,CAAA;MAGlFM,MAAAA,GAAS,IAAA;IACpB,MAAM,EACJC,MAAAA,EAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAAA,EAAMH,MAAM,EAAE,EAC7C,GAAGI,mBAAAA,EAAAA;AAEJ,IAAA,MAAM,CAAC,EAAEC,QAAQ,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;IACjC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAAEG,QAAAA,EAAAA,EAAIC,eAAAA,CAAQ,aAAA,CAAA;QAAgBC,cAAAA,EAAgB;AAAgB,KAAA,CAAA;AAE1FnB,IAAAA,gBAAAA,CAAMoB,SAAS,CAAC,IAAA;QACd,IAAIb,SAAAA,IAAaC,WAAWG,QAAAA,EAAU;AACpC,YAAA;AACF,QAAA;QACAC,QAAAA,CAAS;AACPS,YAAAA,IAAAA,EAAMf,OAAOe,IAAI;YACjBC,IAAAA,EAAM,CAAA;AACNC,YAAAA,QAAAA,EAAUjB,OAAOiB;AACnB,SAAA,CAAA;IACF,CAAA,EAAG;AAAChB,QAAAA,SAAAA;AAAWC,QAAAA,OAAAA;AAASF,QAAAA,MAAAA;AAAQK,QAAAA,QAAAA;AAAUC,QAAAA;AAAS,KAAA,CAAA;AAEnD,IAAA,IAAIL,SAAAA,EAAW;QACb,qBAAOiB,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;IAEA,qBACEC,eAAA,CAACF,iBAAKG,IAAI,EAAA;;AACR,0BAAAJ,cAAA,CAACC,iBAAKI,KAAK,EAAA;AAAEb,gBAAAA,QAAAA,EAAAA;;YACZL,QAAAA,iBACCa,cAAA,CAACxB,iBAAM8B,QAAQ,EAAA;gBAACC,QAAAA,gBAAUP,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACrC,gBAAA,QAAA,gBAAAC,eAAA,CAACK,qBAAAA,EAAAA;;sCACCR,cAAA,CAACS,oBAAAA,EAAAA;4BAAMC,KAAK,EAAA,IAAA;AAACC,4BAAAA,OAAAA,gBAASX,cAAA,CAACY,yBAAAA,EAAAA,EAAAA;;sCACvBZ,cAAA,CAACS,oBAAAA,EAAAA;4BACCI,IAAAA,EAAK,eAAA;AACLF,4BAAAA,OAAAA,gBAASX,cAAA,CAACzB,gBAAAA,EAAAA;gCAAiBO,MAAAA,EAAQA;;;;;AAIvC,aAAA,CAAA,GAAA;;;AAGV;;;;"}

package/dist/admin/legacy/pages/App/App.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.mjs","sources":["../../../../../admin/src/legacy/pages/App/App.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { Page, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { useConfig } from '../../hooks/useConfig';\nimport { getTrad } from '../../utils';\n\nimport { MediaLibrary } from './MediaLibrary';\n\nimport type { Configuration } from '../../../../../shared/contracts/configuration';\n\nconst ConfigureTheView = React.lazy(async () =>\n  import('./ConfigureTheView/ConfigureTheView').then((mod) => ({ default: mod.ConfigureTheView }))\n);\n\nexport const Upload = () => {\n  const {\n    config: { isLoading, isError, data: config },\n  } = useConfig() as { config: { isLoading: boolean; isError: boolean; data: Configuration } };\n\n  const [{ rawQuery }, setQuery] = useQueryParams();\n  const { formatMessage } = useIntl();\n  const title = formatMessage({ id: getTrad('plugin.name'), defaultMessage: 'Media Library' });\n\n  React.useEffect(() => {\n    if (isLoading || isError || rawQuery) {\n      return;\n    }\n    setQuery({\n      sort: config.sort,\n      page: 1,\n      pageSize: config.pageSize,\n    });\n  }, [isLoading, isError, config, rawQuery, setQuery]);\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n      {rawQuery ? (\n        <React.Suspense fallback={<Page.Loading />}>\n          <Routes>\n            <Route index element={<MediaLibrary />} />\n            <Route\n              path=\"configuration\"\n              element={<ConfigureTheView config={config as Configuration} />}\n            />\n          </Routes>\n        </React.Suspense>\n      ) : null}\n    </Page.Main>\n  );\n};\n"],"names":["ConfigureTheView","React","lazy","then","mod","default","Upload","config","isLoading","isError","data","useConfig","rawQuery","setQuery","useQueryParams","formatMessage","useIntl","title","id","getTrad","defaultMessage","useEffect","sort","page","pageSize","_jsx","Page","Loading","_jsxs","Main","Title","Suspense","fallback","Routes","Route","index","element","MediaLibrary","path"],"mappings":";;;;;;;;;;;;;AAAA;AAcA,MAAMA,gBAAAA,iBAAmBC,KAAAA,CAAMC,IAAI,CAAC,UAClC,OAAO,yCAAA,CAAA,CAAuCC,IAAI,CAAC,CAACC,GAAAA,IAAS;AAAEC,YAAAA,OAAAA,EAASD,IAAIJ;SAAiB,CAAA,CAAA,CAAA;MAGlFM,MAAAA,GAAS,IAAA;IACpB,MAAM,EACJC,MAAAA,EAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAAA,EAAMH,MAAM,EAAE,EAC7C,GAAGI,SAAAA,EAAAA;AAEJ,IAAA,MAAM,CAAC,EAAEC,QAAQ,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;IACjC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAAEG,QAAAA,EAAAA,EAAIC,OAAAA,CAAQ,aAAA,CAAA;QAAgBC,cAAAA,EAAgB;AAAgB,KAAA,CAAA;AAE1FnB,IAAAA,KAAAA,CAAMoB,SAAS,CAAC,IAAA;QACd,IAAIb,SAAAA,IAAaC,WAAWG,QAAAA,EAAU;AACpC,YAAA;AACF,QAAA;QACAC,QAAAA,CAAS;AACPS,YAAAA,IAAAA,EAAMf,OAAOe,IAAI;YACjBC,IAAAA,EAAM,CAAA;AACNC,YAAAA,QAAAA,EAAUjB,OAAOiB;AACnB,SAAA,CAAA;IACF,CAAA,EAAG;AAAChB,QAAAA,SAAAA;AAAWC,QAAAA,OAAAA;AAASF,QAAAA,MAAAA;AAAQK,QAAAA,QAAAA;AAAUC,QAAAA;AAAS,KAAA,CAAA;AAEnD,IAAA,IAAIL,SAAAA,EAAW;QACb,qBAAOiB,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;IAEA,qBACEC,IAAA,CAACF,KAAKG,IAAI,EAAA;;AACR,0BAAAJ,GAAA,CAACC,KAAKI,KAAK,EAAA;AAAEb,gBAAAA,QAAAA,EAAAA;;YACZL,QAAAA,iBACCa,GAAA,CAACxB,MAAM8B,QAAQ,EAAA;gBAACC,QAAAA,gBAAUP,GAAA,CAACC,KAAKC,OAAO,EAAA,EAAA,CAAA;AACrC,gBAAA,QAAA,gBAAAC,IAAA,CAACK,MAAAA,EAAAA;;sCACCR,GAAA,CAACS,KAAAA,EAAAA;4BAAMC,KAAK,EAAA,IAAA;AAACC,4BAAAA,OAAAA,gBAASX,GAAA,CAACY,YAAAA,EAAAA,EAAAA;;sCACvBZ,GAAA,CAACS,KAAAA,EAAAA;4BACCI,IAAAA,EAAK,eAAA;AACLF,4BAAAA,OAAAA,gBAASX,GAAA,CAACzB,gBAAAA,EAAAA;gCAAiBO,MAAAA,EAAQA;;;;;AAIvC,aAAA,CAAA,GAAA;;;AAGV;;;;"}

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.js

@@ -0,0 +1,145 @@
+'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 isEqual = require('lodash/isEqual');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var pluginId = require('../../../../pluginId.js');
+var useConfig = require('../../../hooks/useConfig.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../../utils/getTrad.js');
+require('qs');
+require('../../../utils/urlYupSchema.js');
+var Settings = require('./components/Settings.js');
+var actions = require('./state/actions.js');
+var init = require('./state/init.js');
+var reducer = require('./state/reducer.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
+
+// TODO: find a better naming convention for the file that was an index file before
+const ConfigureTheView = ({ config })=>{
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { mutateConfig } = useConfig.useConfig();
+    const { isLoading: isSubmittingForm } = mutateConfig;
+    const [showWarningSubmit, setWarningSubmit] = React__namespace.useState(false);
+    const toggleWarningSubmit = ()=>setWarningSubmit((prevState)=>!prevState);
+    const [reducerState, dispatch] = React__namespace.useReducer(reducer.reducer, init.initialState, ()=>init.init(config));
+    const typedDispatch = dispatch;
+    const { initialData, modifiedData } = reducerState;
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        toggleWarningSubmit();
+    };
+    const handleConfirm = async ()=>{
+        trackUsage('willEditMediaLibraryConfig');
+        await mutateConfig.mutateAsync(modifiedData);
+        setWarningSubmit(false);
+        typedDispatch(actions.setLoaded());
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: 'notification.form.success.fields',
+                defaultMessage: 'Changes saved'
+            })
+        });
+    };
+    const handleChange = ({ target: { name, value } })=>{
+        typedDispatch(actions.onChange({
+            name,
+            value
+        }));
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Main, {
+            "aria-busy": isSubmittingForm,
+            children: /*#__PURE__*/ jsxRuntime.jsxs("form", {
+                onSubmit: handleSubmit,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                        navigationAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                            tag: reactRouterDom.NavLink,
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowLeft, {}),
+                            to: `/plugins/${pluginId.pluginId}`,
+                            id: "go-back",
+                            children: formatMessage({
+                                id: getTrad.getTrad('config.back'),
+                                defaultMessage: 'Back'
+                            })
+                        }),
+                        primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            size: "S",
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                            disabled: isEqual__default.default(modifiedData, initialData),
+                            type: "submit",
+                            fullWidth: true,
+                            children: formatMessage({
+                                id: 'global.save',
+                                defaultMessage: 'Save'
+                            })
+                        }),
+                        subtitle: formatMessage({
+                            id: getTrad.getTrad('config.subtitle'),
+                            defaultMessage: 'Define the view settings of the media library.'
+                        }),
+                        title: formatMessage({
+                            id: getTrad.getTrad('config.title'),
+                            defaultMessage: 'Configure the view - Media Library'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Settings.Settings, {
+                            "data-testid": "settings",
+                            pageSize: modifiedData.pageSize || '',
+                            sort: modifiedData.sort || '',
+                            onChange: handleChange
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                        open: showWarningSubmit,
+                        onOpenChange: toggleWarningSubmit,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                            onConfirm: handleConfirm,
+                            variant: "default",
+                            children: formatMessage({
+                                id: getTrad.getTrad('config.popUpWarning.warning.updateAllSettings'),
+                                defaultMessage: 'This will modify all your settings'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+exports.ConfigureTheView = ConfigureTheView;
+//# sourceMappingURL=ConfigureTheView.js.map

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureTheView.js","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAiCO,MAAMA,gBAAAA,GAAmB,CAAC,EAAEC,MAAM,EAAyB,GAAA;IAChE,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;IAC/B,MAAM,EAAEC,YAAY,EAAE,GAAGC,mBAAAA,EAAAA;AACzB,IAAA,MAAM,EAAEC,SAAAA,EAAWC,gBAAgB,EAAE,GAAGH,YAAAA;AAExC,IAAA,MAAM,CAACI,iBAAAA,EAAmBC,gBAAAA,CAAiB,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAC7D,IAAA,MAAMC,mBAAAA,GAAsB,IAAMH,gBAAAA,CAAiB,CAACI,YAAc,CAACA,SAAAA,CAAAA;IAEnE,MAAM,CAACC,YAAAA,EAAcC,QAAAA,CAAS,GAAGL,gBAAAA,CAAMM,UAAU,CAC/CC,eAAAA,EACAC,iBAAAA,EACA,IAAoBC,SAAAA,CAAKtB,MAAAA,CAAAA,CAAAA;AAE3B,IAAA,MAAMuB,aAAAA,GAAwCL,QAAAA;AAC9C,IAAA,MAAM,EAAEM,WAAW,EAAEC,YAAY,EAAE,GAAGR,YAAAA;AAEtC,IAAA,MAAMS,eAAe,CAACC,CAAAA,GAAAA;AACpBA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBb,QAAAA,mBAAAA,EAAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMc,aAAAA,GAAgB,UAAA;QACpB5B,UAAAA,CAAW,4BAAA,CAAA;QACX,MAAMM,YAAAA,CAAauB,WAAW,CAACL,YAAAA,CAAAA;QAC/Bb,gBAAAA,CAAiB,KAAA,CAAA;QACjBW,aAAAA,CAAcQ,iBAAAA,EAAAA,CAAAA;QACd1B,kBAAAA,CAAmB;YACjB2B,IAAAA,EAAM,SAAA;AACNC,YAAAA,OAAAA,EAAS9B,aAAAA,CAAc;gBACrB+B,EAAAA,EAAI,kCAAA;gBACJC,cAAAA,EAAgB;AAClB,aAAA;AACF,SAAA,CAAA;AACF,IAAA,CAAA;IAEA,MAAMC,YAAAA,GAAe,CAAC,EACpBC,MAAAA,EAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAE,EAGxB,GAAA;AACChB,QAAAA,aAAAA,CAAciB,gBAAAA,CAAS;AAAEF,YAAAA,IAAAA;AAAMC,YAAAA;AAAM,SAAA,CAAA,CAAA;AACvC,IAAA,CAAA;IAEA,qBACEE,cAAA,CAACC,oBAAQC,IAAI,EAAA;gCACXF,cAAA,CAACG,iBAAKC,IAAI,EAAA;YAACC,WAAAA,EAAWpC,gBAAAA;AACpB,YAAA,QAAA,gBAAAqC,eAAA,CAACC,MAAAA,EAAAA;gBAAKC,QAAAA,EAAUvB,YAAAA;;AACd,kCAAAe,cAAA,CAACC,oBAAQQ,MAAM,EAAA;AACbC,wBAAAA,gBAAAA,gBACEV,cAAA,CAACW,iBAAAA,EAAAA;4BACCC,GAAAA,EAAKC,sBAAAA;AACLC,4BAAAA,SAAAA,gBAAWd,cAAA,CAACe,eAAAA,EAAAA,EAAAA,CAAAA;4BACZC,EAAAA,EAAI,CAAC,SAAS,EAAEC,iBAAAA,CAAAA,CAAU;4BAC1BxB,EAAAA,EAAG,SAAA;sCAEF/B,aAAAA,CAAc;AAAE+B,gCAAAA,EAAAA,EAAIyB,eAAAA,CAAQ,aAAA,CAAA;gCAAgBxB,cAAAA,EAAgB;AAAO,6BAAA;;AAGxEyB,wBAAAA,aAAAA,gBACEnB,cAAA,CAACoB,mBAAAA,EAAAA;4BACCC,IAAAA,EAAK,GAAA;AACLP,4BAAAA,SAAAA,gBAAWd,cAAA,CAACsB,WAAAA,EAAAA,EAAAA,CAAAA;AACZC,4BAAAA,QAAAA,EAAUC,yBAAQxC,YAAAA,EAAcD,WAAAA,CAAAA;4BAChCQ,IAAAA,EAAK,QAAA;4BACLkC,SAAS,EAAA,IAAA;sCAER/D,aAAAA,CAAc;gCAAE+B,EAAAA,EAAI,aAAA;gCAAeC,cAAAA,EAAgB;AAAO,6BAAA;;AAG/DgC,wBAAAA,QAAAA,EAAUhE,aAAAA,CAAc;AACtB+B,4BAAAA,EAAAA,EAAIyB,eAAAA,CAAQ,iBAAA,CAAA;4BACZxB,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AACAiC,wBAAAA,KAAAA,EAAOjE,aAAAA,CAAc;AACnB+B,4BAAAA,EAAAA,EAAIyB,eAAAA,CAAQ,cAAA,CAAA;4BACZxB,cAAAA,EAAgB;AAClB,yBAAA;;AAEF,kCAAAM,cAAA,CAACC,oBAAQ2B,OAAO,EAAA;AACd,wBAAA,QAAA,gBAAA5B,cAAA,CAAC6B,iBAAAA,EAAAA;4BACCC,aAAAA,EAAY,UAAA;4BACZC,QAAAA,EAAU/C,YAAAA,CAAa+C,QAAQ,IAAI,EAAA;4BACnCC,IAAAA,EAAMhD,YAAAA,CAAagD,IAAI,IAAI,EAAA;4BAC3BjC,QAAAA,EAAUJ;;;AAGd,kCAAAK,cAAA,CAACiC,oBAAO/B,IAAI,EAAA;wBAACgC,IAAAA,EAAMhE,iBAAAA;wBAAmBiE,YAAAA,EAAc7D,mBAAAA;AAClD,wBAAA,QAAA,gBAAA0B,cAAA,CAACoC,yBAAAA,EAAAA;4BAAcC,SAAAA,EAAWjD,aAAAA;4BAAekD,OAAAA,EAAQ,SAAA;sCAC9C5E,aAAAA,CAAc;AACb+B,gCAAAA,EAAAA,EAAIyB,eAAAA,CAAQ,+CAAA,CAAA;gCACZxB,cAAAA,EAAgB;AAClB,6BAAA;;;;;;;AAOd;;;;"}

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.mjs

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useNotification, Layouts, Page, ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Button, Link, Dialog } from '@strapi/design-system';
+import { Check, ArrowLeft } from '@strapi/icons';
+import isEqual from 'lodash/isEqual';
+import { useIntl } from 'react-intl';
+import { NavLink } from 'react-router-dom';
+import { pluginId } from '../../../../pluginId.mjs';
+import { useConfig } from '../../../hooks/useConfig.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../utils/getTrad.mjs';
+import 'qs';
+import '../../../utils/urlYupSchema.mjs';
+import { Settings } from './components/Settings.mjs';
+import { onChange, setLoaded } from './state/actions.mjs';
+import { initialState, init } from './state/init.mjs';
+import { reducer } from './state/reducer.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const ConfigureTheView = ({ config })=>{
+    const { trackUsage } = useTracking();
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { mutateConfig } = useConfig();
+    const { isLoading: isSubmittingForm } = mutateConfig;
+    const [showWarningSubmit, setWarningSubmit] = React.useState(false);
+    const toggleWarningSubmit = ()=>setWarningSubmit((prevState)=>!prevState);
+    const [reducerState, dispatch] = React.useReducer(reducer, initialState, ()=>init(config));
+    const typedDispatch = dispatch;
+    const { initialData, modifiedData } = reducerState;
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        toggleWarningSubmit();
+    };
+    const handleConfirm = async ()=>{
+        trackUsage('willEditMediaLibraryConfig');
+        await mutateConfig.mutateAsync(modifiedData);
+        setWarningSubmit(false);
+        typedDispatch(setLoaded());
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: 'notification.form.success.fields',
+                defaultMessage: 'Changes saved'
+            })
+        });
+    };
+    const handleChange = ({ target: { name, value } })=>{
+        typedDispatch(onChange({
+            name,
+            value
+        }));
+    };
+    return /*#__PURE__*/ jsx(Layouts.Root, {
+        children: /*#__PURE__*/ jsx(Page.Main, {
+            "aria-busy": isSubmittingForm,
+            children: /*#__PURE__*/ jsxs("form", {
+                onSubmit: handleSubmit,
+                children: [
+                    /*#__PURE__*/ jsx(Layouts.Header, {
+                        navigationAction: /*#__PURE__*/ jsx(Link, {
+                            tag: NavLink,
+                            startIcon: /*#__PURE__*/ jsx(ArrowLeft, {}),
+                            to: `/plugins/${pluginId}`,
+                            id: "go-back",
+                            children: formatMessage({
+                                id: getTrad('config.back'),
+                                defaultMessage: 'Back'
+                            })
+                        }),
+                        primaryAction: /*#__PURE__*/ jsx(Button, {
+                            size: "S",
+                            startIcon: /*#__PURE__*/ jsx(Check, {}),
+                            disabled: isEqual(modifiedData, initialData),
+                            type: "submit",
+                            fullWidth: true,
+                            children: formatMessage({
+                                id: 'global.save',
+                                defaultMessage: 'Save'
+                            })
+                        }),
+                        subtitle: formatMessage({
+                            id: getTrad('config.subtitle'),
+                            defaultMessage: 'Define the view settings of the media library.'
+                        }),
+                        title: formatMessage({
+                            id: getTrad('config.title'),
+                            defaultMessage: 'Configure the view - Media Library'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Content, {
+                        children: /*#__PURE__*/ jsx(Settings, {
+                            "data-testid": "settings",
+                            pageSize: modifiedData.pageSize || '',
+                            sort: modifiedData.sort || '',
+                            onChange: handleChange
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Dialog.Root, {
+                        open: showWarningSubmit,
+                        onOpenChange: toggleWarningSubmit,
+                        children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                            onConfirm: handleConfirm,
+                            variant: "default",
+                            children: formatMessage({
+                                id: getTrad('config.popUpWarning.warning.updateAllSettings'),
+                                defaultMessage: 'This will modify all your settings'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { ConfigureTheView };
+//# sourceMappingURL=ConfigureTheView.mjs.map

package/dist/admin/legacy/pages/App/ConfigureTheView/ConfigureTheView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureTheView.mjs","sources":["../../../../../../admin/src/legacy/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { pluginId } from '../../../../pluginId';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","fullWidth","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}