@strapi/upload 5.12.0 → 5.12.2

package/dist/admin/components/UploadAssetDialog/UploadAssetDialog.mjs

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Modal } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { EditAssetContent } from '../EditAssetDialog/EditAssetContent.mjs';
+import { AddAssetStep } from './AddAssetStep/AddAssetStep.mjs';
+import { PendingAssetStep } from './PendingAssetStep/PendingAssetStep.mjs';
+
+const Steps = {
+    AddAsset: 'AddAsset',
+    PendingAsset: 'PendingAsset'
+};
+const UploadAssetDialog = ({ initialAssetsToAdd, folderId = null, onClose = ()=>{}, addUploadedFiles, trackedLocation, open, validateAssetsTypes = (_, cb)=>cb() })=>{
+    const { formatMessage } = useIntl();
+    const [step, setStep] = React.useState(initialAssetsToAdd ? Steps.PendingAsset : Steps.AddAsset);
+    const [assets, setAssets] = React.useState(initialAssetsToAdd || []);
+    const [assetToEdit, setAssetToEdit] = React.useState(undefined);
+    const handleAddToPendingAssets = (nextAssets)=>{
+        validateAssetsTypes(nextAssets, ()=>{
+            setAssets((prevAssets)=>prevAssets.concat(nextAssets));
+            setStep(Steps.PendingAsset);
+        });
+    };
+    const moveToAddAsset = ()=>{
+        setStep(Steps.AddAsset);
+    };
+    const handleCancelUpload = (file)=>{
+        const nextAssets = assets.filter((asset)=>asset.rawFile !== file);
+        setAssets(nextAssets);
+        // When there's no asset, transition to the AddAsset step
+        if (nextAssets.length === 0) {
+            moveToAddAsset();
+        }
+    };
+    const handleUploadSuccess = (file)=>{
+        const nextAssets = assets.filter((asset)=>asset.rawFile !== file);
+        setAssets(nextAssets);
+        if (nextAssets.length === 0) {
+            onClose();
+        }
+    };
+    const handleAssetEditValidation = (nextAsset)=>{
+        if (nextAsset && typeof nextAsset !== 'boolean') {
+            const nextAssets = assets.map((asset)=>asset === assetToEdit ? nextAsset : asset);
+            setAssets(nextAssets);
+        }
+        setAssetToEdit(undefined);
+    };
+    const handleClose = ()=>{
+        if (step === Steps.PendingAsset && assets.length > 0) {
+            // eslint-disable-next-line no-alert
+            const confirm = window.confirm(formatMessage({
+                id: 'window.confirm.close-modal.files',
+                defaultMessage: 'Are you sure? You have some files that have not been uploaded yet.'
+            }));
+            if (confirm) {
+                onClose();
+            }
+        } else {
+            onClose();
+        }
+    };
+    const handleRemoveAsset = (assetToRemove)=>{
+        const nextAssets = assets.filter((asset)=>asset !== assetToRemove);
+        setAssets(nextAssets);
+    };
+    return /*#__PURE__*/ jsxs(Modal.Root, {
+        open: open,
+        onOpenChange: handleClose,
+        children: [
+            step === Steps.AddAsset && /*#__PURE__*/ jsx(Modal.Content, {
+                children: /*#__PURE__*/ jsx(AddAssetStep, {
+                    onClose: onClose,
+                    onAddAsset: (assets)=>handleAddToPendingAssets(assets),
+                    trackedLocation: trackedLocation
+                })
+            }),
+            step === Steps.PendingAsset && /*#__PURE__*/ jsx(Modal.Content, {
+                children: /*#__PURE__*/ jsx(PendingAssetStep, {
+                    onClose: handleClose,
+                    assets: assets,
+                    onEditAsset: setAssetToEdit,
+                    onRemoveAsset: handleRemoveAsset,
+                    onClickAddAsset: moveToAddAsset,
+                    onCancelUpload: handleCancelUpload,
+                    onUploadSucceed: handleUploadSuccess,
+                    initialAssetsToAdd: initialAssetsToAdd,
+                    addUploadedFiles: addUploadedFiles,
+                    folderId: folderId,
+                    trackedLocation: trackedLocation
+                })
+            }),
+            assetToEdit && /*#__PURE__*/ jsx(Modal.Content, {
+                children: /*#__PURE__*/ jsx(EditAssetContent, {
+                    onClose: handleAssetEditValidation,
+                    asset: assetToEdit,
+                    canUpdate: true,
+                    canCopyLink: false,
+                    canDownload: false,
+                    trackedLocation: trackedLocation
+                })
+            })
+        ]
+    });
+};
+
+export { UploadAssetDialog };
+//# sourceMappingURL=UploadAssetDialog.mjs.map

package/dist/admin/components/UploadAssetDialog/UploadAssetDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadAssetDialog.mjs","sources":["../../../../admin/src/components/UploadAssetDialog/UploadAssetDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { EditAssetContent } from '../EditAssetDialog/EditAssetContent';\n\nimport { AddAssetStep } from './AddAssetStep/AddAssetStep';\nimport { PendingAssetStep } from './PendingAssetStep/PendingAssetStep';\n\nimport type { File, RawFile } from '../../../../shared/contracts/files';\nimport type { AllowedFiles } from '../../utils';\n\nconst Steps = {\n  AddAsset: 'AddAsset',\n  PendingAsset: 'PendingAsset',\n};\n\ninterface FileWithRawFile extends Omit<File, 'id' | 'hash'> {\n  id?: string;\n  hash?: string;\n  rawFile: RawFile;\n}\n\ntype FileWithoutIdHash = Omit<File, 'id' | 'hash'>;\n\nexport interface Asset extends Omit<File, 'folder'> {\n  isLocal?: boolean;\n  rawFile?: RawFile;\n  folder?: File['folder'] & { id: number };\n}\n\nexport interface UploadAssetDialogProps {\n  addUploadedFiles?: (files: Asset[] | File[]) => void;\n  folderId?: string | number | null;\n  initialAssetsToAdd?: Asset[];\n  onClose: () => void;\n  open: boolean;\n  trackedLocation?: string;\n  validateAssetsTypes?: (\n    assets: FileWithoutIdHash[] | Asset[],\n    cb: (assets?: AllowedFiles[], error?: string) => void\n  ) => void;\n}\n\nexport const UploadAssetDialog = ({\n  initialAssetsToAdd,\n  folderId = null,\n  onClose = () => {},\n  addUploadedFiles,\n  trackedLocation,\n  open,\n  validateAssetsTypes = (_, cb) => cb(),\n}: UploadAssetDialogProps) => {\n  const { formatMessage } = useIntl();\n  const [step, setStep] = React.useState(initialAssetsToAdd ? Steps.PendingAsset : Steps.AddAsset);\n  const [assets, setAssets] = React.useState(initialAssetsToAdd || []);\n  const [assetToEdit, setAssetToEdit] = React.useState<File | Asset | undefined>(undefined);\n\n  const handleAddToPendingAssets = (nextAssets: Asset[]) => {\n    validateAssetsTypes(nextAssets, () => {\n      setAssets((prevAssets) => prevAssets.concat(nextAssets));\n      setStep(Steps.PendingAsset);\n    });\n  };\n\n  const moveToAddAsset = () => {\n    setStep(Steps.AddAsset);\n  };\n\n  const handleCancelUpload = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    // When there's no asset, transition to the AddAsset step\n    if (nextAssets.length === 0) {\n      moveToAddAsset();\n    }\n  };\n\n  const handleUploadSuccess = (file: RawFile) => {\n    const nextAssets = assets.filter((asset) => asset.rawFile !== file);\n    setAssets(nextAssets);\n\n    if (nextAssets.length === 0) {\n      onClose();\n    }\n  };\n\n  const handleAssetEditValidation = (nextAsset?: Asset | boolean | null) => {\n    if (nextAsset && typeof nextAsset !== 'boolean') {\n      const nextAssets = assets.map((asset) => (asset === assetToEdit ? nextAsset : asset));\n      setAssets(nextAssets);\n    }\n\n    setAssetToEdit(undefined);\n  };\n\n  const handleClose = () => {\n    if (step === Steps.PendingAsset && assets.length > 0) {\n      // eslint-disable-next-line no-alert\n      const confirm = window.confirm(\n        formatMessage({\n          id: 'window.confirm.close-modal.files',\n          defaultMessage: 'Are you sure? You have some files that have not been uploaded yet.',\n        })\n      );\n\n      if (confirm) {\n        onClose();\n      }\n    } else {\n      onClose();\n    }\n  };\n\n  const handleRemoveAsset = (assetToRemove: File) => {\n    const nextAssets = assets.filter((asset) => asset !== assetToRemove);\n    setAssets(nextAssets);\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={handleClose}>\n      {step === Steps.AddAsset && (\n        <Modal.Content>\n          <AddAssetStep\n            onClose={onClose}\n            onAddAsset={(assets: FileWithRawFile[]) =>\n              handleAddToPendingAssets(assets as unknown as Asset[])\n            }\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {step === Steps.PendingAsset && (\n        <Modal.Content>\n          <PendingAssetStep\n            onClose={handleClose}\n            assets={assets}\n            onEditAsset={setAssetToEdit}\n            onRemoveAsset={handleRemoveAsset}\n            onClickAddAsset={moveToAddAsset}\n            onCancelUpload={handleCancelUpload}\n            onUploadSucceed={handleUploadSuccess}\n            initialAssetsToAdd={initialAssetsToAdd}\n            addUploadedFiles={addUploadedFiles}\n            folderId={folderId}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n\n      {assetToEdit && (\n        <Modal.Content>\n          <EditAssetContent\n            onClose={handleAssetEditValidation}\n            asset={assetToEdit as Asset}\n            canUpdate\n            canCopyLink={false}\n            canDownload={false}\n            trackedLocation={trackedLocation}\n          />\n        </Modal.Content>\n      )}\n    </Modal.Root>\n  );\n};\n"],"names":["Steps","AddAsset","PendingAsset","UploadAssetDialog","initialAssetsToAdd","folderId","onClose","addUploadedFiles","trackedLocation","open","validateAssetsTypes","_","cb","formatMessage","useIntl","step","setStep","React","useState","assets","setAssets","assetToEdit","setAssetToEdit","undefined","handleAddToPendingAssets","nextAssets","prevAssets","concat","moveToAddAsset","handleCancelUpload","file","filter","asset","rawFile","length","handleUploadSuccess","handleAssetEditValidation","nextAsset","map","handleClose","confirm","window","id","defaultMessage","handleRemoveAsset","assetToRemove","_jsxs","Modal","Root","onOpenChange","_jsx","Content","AddAssetStep","onAddAsset","PendingAssetStep","onEditAsset","onRemoveAsset","onClickAddAsset","onCancelUpload","onUploadSucceed","EditAssetContent","canUpdate","canCopyLink","canDownload"],"mappings":"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"}

package/dist/admin/components/UploadProgress/UploadProgress.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+
+// TODO: find a better naming convention for the file that was an index file before
+const BoxWrapper = styledComponents.styled(designSystem.Flex)`
+  border-radius: ${({ theme })=>`${theme.borderRadius} ${theme.borderRadius} 0 0`};
+  width: 100%;
+  height: 100%;
+
+  svg {
+    path {
+      fill: ${({ theme, error })=>error ? theme.colors.danger600 : undefined};
+    }
+  }
+`;
+const CancelButton = styledComponents.styled.button`
+  border: none;
+  background: none;
+  width: min-content;
+  color: ${({ theme })=>theme.colors.neutral600};
+
+  &:hover,
+  &:focus {
+    color: ${({ theme })=>theme.colors.neutral700};
+  }
+
+  svg {
+    height: 10px;
+    width: 10px;
+
+    path {
+      fill: currentColor;
+    }
+  }
+`;
+const UploadProgress = ({ onCancel, progress = 0, error })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(BoxWrapper, {
+        alignItems: "center",
+        background: error ? 'danger100' : 'neutral150',
+        error: error,
+        children: error ? /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+            "aria-label": error?.message
+        }) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            alignItems: "center",
+            gap: 2,
+            width: "100%",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.ProgressBar, {
+                    value: progress
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    children: `${progress}/100%`
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(CancelButton, {
+                    type: "button",
+                    onClick: onCancel,
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "pi",
+                                tag: "span",
+                                textColor: "inherit",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+                                "aria-hidden": true
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.UploadProgress = UploadProgress;
+//# sourceMappingURL=UploadProgress.js.map

package/dist/admin/components/UploadProgress/UploadProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgress.js","sources":["../../../../admin/src/components/UploadProgress/UploadProgress.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Flex, ProgressBar, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { UpdateFile } from '../../../../shared/contracts/files';\n\nconst BoxWrapper = styled(Flex)`\n  border-radius: ${({ theme }) => `${theme.borderRadius} ${theme.borderRadius} 0 0`};\n  width: 100%;\n  height: 100%;\n\n  svg {\n    path {\n      fill: ${({ theme, error }) => (error ? theme.colors.danger600 : undefined)};\n    }\n  }\n`;\n\nconst CancelButton = styled.button`\n  border: none;\n  background: none;\n  width: min-content;\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  svg {\n    height: 10px;\n    width: 10px;\n\n    path {\n      fill: currentColor;\n    }\n  }\n`;\n\nexport interface UploadProgressProps {\n  error?: UpdateFile.Response['error'] | Error | null;\n  onCancel: () => void;\n  progress?: number;\n}\n\nexport const UploadProgress = ({ onCancel, progress = 0, error }: UploadProgressProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BoxWrapper alignItems=\"center\" background={error ? 'danger100' : 'neutral150'} error={error}>\n      {error ? (\n        <Cross aria-label={error?.message} />\n      ) : (\n        <Flex direction=\"column\" alignItems=\"center\" gap={2} width=\"100%\">\n          <ProgressBar value={progress} />\n          <Typography>{`${progress}/100%`}</Typography>\n\n          <CancelButton type=\"button\" onClick={onCancel}>\n            <Flex gap={2}>\n              <Typography variant=\"pi\" tag=\"span\" textColor=\"inherit\">\n                {formatMessage({\n                  id: 'app.components.Button.cancel',\n                  defaultMessage: 'Cancel',\n                })}\n              </Typography>\n\n              <Cross aria-hidden />\n            </Flex>\n          </CancelButton>\n        </Flex>\n      )}\n    </BoxWrapper>\n  );\n};\n"],"names":["BoxWrapper","styled","Flex","theme","borderRadius","error","colors","danger600","undefined","CancelButton","button","neutral600","neutral700","UploadProgress","onCancel","progress","formatMessage","useIntl","_jsx","alignItems","background","Cross","aria-label","message","_jsxs","direction","gap","width","ProgressBar","value","Typography","type","onClick","variant","tag","textColor","id","defaultMessage","aria-hidden"],"mappings":";;;;;;;;AAAA;AAQA,MAAMA,UAAAA,GAAaC,uBAAOC,CAAAA,iBAAAA,CAAK;AACd,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,CAAC,EAAEA,KAAAA,CAAMC,YAAY,CAAC,CAAC,EAAED,KAAAA,CAAMC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;;AAMxE,YAAA,EAAE,CAAC,EAAED,KAAK,EAAEE,KAAK,EAAE,GAAMA,KAAAA,GAAQF,KAAMG,CAAAA,MAAM,CAACC,SAAS,GAAGC,SAAW,CAAA;;;AAGjF,CAAC;AAED,MAAMC,YAAAA,GAAeR,uBAAOS,CAAAA,MAAM;;;;SAIzB,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACK,UAAU,CAAC;;;;WAIvC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACM,UAAU,CAAC;;;;;;;;;;;AAWpD,CAAC;AAQM,MAAMC,cAAiB,GAAA,CAAC,EAAEC,QAAQ,EAAEC,QAAW,GAAA,CAAC,EAAEV,KAAK,EAAuB,GAAA;IACnF,MAAM,EAAEW,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAClB,CAAAA,UAAAA,EAAAA;QAAWmB,UAAW,EAAA,QAAA;AAASC,QAAAA,UAAAA,EAAYf,QAAQ,WAAc,GAAA,YAAA;QAAcA,KAAOA,EAAAA,KAAAA;AACpFA,QAAAA,QAAAA,EAAAA,KAAAA,iBACCa,cAACG,CAAAA,WAAAA,EAAAA;AAAMC,YAAAA,YAAAA,EAAYjB,KAAOkB,EAAAA;2BAE1BC,eAACtB,CAAAA,iBAAAA,EAAAA;YAAKuB,SAAU,EAAA,QAAA;YAASN,UAAW,EAAA,QAAA;YAASO,GAAK,EAAA,CAAA;YAAGC,KAAM,EAAA,MAAA;;8BACzDT,cAACU,CAAAA,wBAAAA,EAAAA;oBAAYC,KAAOd,EAAAA;;8BACpBG,cAACY,CAAAA,uBAAAA,EAAAA;8BAAY,CAAC,EAAEf,QAAS,CAAA,KAAK;;8BAE9BG,cAACT,CAAAA,YAAAA,EAAAA;oBAAasB,IAAK,EAAA,QAAA;oBAASC,OAASlB,EAAAA,QAAAA;AACnC,oBAAA,QAAA,gBAAAU,eAACtB,CAAAA,iBAAAA,EAAAA;wBAAKwB,GAAK,EAAA,CAAA;;0CACTR,cAACY,CAAAA,uBAAAA,EAAAA;gCAAWG,OAAQ,EAAA,IAAA;gCAAKC,GAAI,EAAA,MAAA;gCAAOC,SAAU,EAAA,SAAA;0CAC3CnB,aAAc,CAAA;oCACboB,EAAI,EAAA,8BAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA;;0CAGFnB,cAACG,CAAAA,WAAAA,EAAAA;gCAAMiB,aAAW,EAAA;;;;;;;;AAOhC;;;;"}

package/dist/admin/components/UploadProgress/UploadProgress.mjs

@@ -0,0 +1,86 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Flex, ProgressBar, Typography } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+
+// TODO: find a better naming convention for the file that was an index file before
+const BoxWrapper = styled(Flex)`
+  border-radius: ${({ theme })=>`${theme.borderRadius} ${theme.borderRadius} 0 0`};
+  width: 100%;
+  height: 100%;
+
+  svg {
+    path {
+      fill: ${({ theme, error })=>error ? theme.colors.danger600 : undefined};
+    }
+  }
+`;
+const CancelButton = styled.button`
+  border: none;
+  background: none;
+  width: min-content;
+  color: ${({ theme })=>theme.colors.neutral600};
+
+  &:hover,
+  &:focus {
+    color: ${({ theme })=>theme.colors.neutral700};
+  }
+
+  svg {
+    height: 10px;
+    width: 10px;
+
+    path {
+      fill: currentColor;
+    }
+  }
+`;
+const UploadProgress = ({ onCancel, progress = 0, error })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(BoxWrapper, {
+        alignItems: "center",
+        background: error ? 'danger100' : 'neutral150',
+        error: error,
+        children: error ? /*#__PURE__*/ jsx(Cross, {
+            "aria-label": error?.message
+        }) : /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            alignItems: "center",
+            gap: 2,
+            width: "100%",
+            children: [
+                /*#__PURE__*/ jsx(ProgressBar, {
+                    value: progress
+                }),
+                /*#__PURE__*/ jsx(Typography, {
+                    children: `${progress}/100%`
+                }),
+                /*#__PURE__*/ jsx(CancelButton, {
+                    type: "button",
+                    onClick: onCancel,
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                tag: "span",
+                                textColor: "inherit",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Cross, {
+                                "aria-hidden": true
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { UploadProgress };
+//# sourceMappingURL=UploadProgress.mjs.map

package/dist/admin/components/UploadProgress/UploadProgress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgress.mjs","sources":["../../../../admin/src/components/UploadProgress/UploadProgress.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Flex, ProgressBar, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { UpdateFile } from '../../../../shared/contracts/files';\n\nconst BoxWrapper = styled(Flex)`\n  border-radius: ${({ theme }) => `${theme.borderRadius} ${theme.borderRadius} 0 0`};\n  width: 100%;\n  height: 100%;\n\n  svg {\n    path {\n      fill: ${({ theme, error }) => (error ? theme.colors.danger600 : undefined)};\n    }\n  }\n`;\n\nconst CancelButton = styled.button`\n  border: none;\n  background: none;\n  width: min-content;\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  svg {\n    height: 10px;\n    width: 10px;\n\n    path {\n      fill: currentColor;\n    }\n  }\n`;\n\nexport interface UploadProgressProps {\n  error?: UpdateFile.Response['error'] | Error | null;\n  onCancel: () => void;\n  progress?: number;\n}\n\nexport const UploadProgress = ({ onCancel, progress = 0, error }: UploadProgressProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <BoxWrapper alignItems=\"center\" background={error ? 'danger100' : 'neutral150'} error={error}>\n      {error ? (\n        <Cross aria-label={error?.message} />\n      ) : (\n        <Flex direction=\"column\" alignItems=\"center\" gap={2} width=\"100%\">\n          <ProgressBar value={progress} />\n          <Typography>{`${progress}/100%`}</Typography>\n\n          <CancelButton type=\"button\" onClick={onCancel}>\n            <Flex gap={2}>\n              <Typography variant=\"pi\" tag=\"span\" textColor=\"inherit\">\n                {formatMessage({\n                  id: 'app.components.Button.cancel',\n                  defaultMessage: 'Cancel',\n                })}\n              </Typography>\n\n              <Cross aria-hidden />\n            </Flex>\n          </CancelButton>\n        </Flex>\n      )}\n    </BoxWrapper>\n  );\n};\n"],"names":["BoxWrapper","styled","Flex","theme","borderRadius","error","colors","danger600","undefined","CancelButton","button","neutral600","neutral700","UploadProgress","onCancel","progress","formatMessage","useIntl","_jsx","alignItems","background","Cross","aria-label","message","_jsxs","direction","gap","width","ProgressBar","value","Typography","type","onClick","variant","tag","textColor","id","defaultMessage","aria-hidden"],"mappings":";;;;;;AAAA;AAQA,MAAMA,UAAAA,GAAaC,MAAOC,CAAAA,IAAAA,CAAK;AACd,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,CAAC,EAAEA,KAAAA,CAAMC,YAAY,CAAC,CAAC,EAAED,KAAAA,CAAMC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;;AAMxE,YAAA,EAAE,CAAC,EAAED,KAAK,EAAEE,KAAK,EAAE,GAAMA,KAAAA,GAAQF,KAAMG,CAAAA,MAAM,CAACC,SAAS,GAAGC,SAAW,CAAA;;;AAGjF,CAAC;AAED,MAAMC,YAAAA,GAAeR,MAAOS,CAAAA,MAAM;;;;SAIzB,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACK,UAAU,CAAC;;;;WAIvC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAACM,UAAU,CAAC;;;;;;;;;;;AAWpD,CAAC;AAQM,MAAMC,cAAiB,GAAA,CAAC,EAAEC,QAAQ,EAAEC,QAAW,GAAA,CAAC,EAAEV,KAAK,EAAuB,GAAA;IACnF,MAAM,EAAEW,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAClB,CAAAA,UAAAA,EAAAA;QAAWmB,UAAW,EAAA,QAAA;AAASC,QAAAA,UAAAA,EAAYf,QAAQ,WAAc,GAAA,YAAA;QAAcA,KAAOA,EAAAA,KAAAA;AACpFA,QAAAA,QAAAA,EAAAA,KAAAA,iBACCa,GAACG,CAAAA,KAAAA,EAAAA;AAAMC,YAAAA,YAAAA,EAAYjB,KAAOkB,EAAAA;2BAE1BC,IAACtB,CAAAA,IAAAA,EAAAA;YAAKuB,SAAU,EAAA,QAAA;YAASN,UAAW,EAAA,QAAA;YAASO,GAAK,EAAA,CAAA;YAAGC,KAAM,EAAA,MAAA;;8BACzDT,GAACU,CAAAA,WAAAA,EAAAA;oBAAYC,KAAOd,EAAAA;;8BACpBG,GAACY,CAAAA,UAAAA,EAAAA;8BAAY,CAAC,EAAEf,QAAS,CAAA,KAAK;;8BAE9BG,GAACT,CAAAA,YAAAA,EAAAA;oBAAasB,IAAK,EAAA,QAAA;oBAASC,OAASlB,EAAAA,QAAAA;AACnC,oBAAA,QAAA,gBAAAU,IAACtB,CAAAA,IAAAA,EAAAA;wBAAKwB,GAAK,EAAA,CAAA;;0CACTR,GAACY,CAAAA,UAAAA,EAAAA;gCAAWG,OAAQ,EAAA,IAAA;gCAAKC,GAAI,EAAA,MAAA;gCAAOC,SAAU,EAAA,SAAA;0CAC3CnB,aAAc,CAAA;oCACboB,EAAI,EAAA,8BAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA;;0CAGFnB,GAACG,CAAAA,KAAAA,EAAAA;gCAAMiB,aAAW,EAAA;;;;;;;;AAOhC;;;;"}

package/dist/admin/constants.js

@@ -0,0 +1,205 @@
+'use strict';
+
+require('byte-size');
+require('date-fns');
+var getTrad = require('./utils/getTrad.js');
+require('qs');
+require('./utils/urlYupSchema.js');
+
+exports.AssetType = void 0;
+(function(AssetType) {
+    AssetType["Video"] = "video";
+    AssetType["Image"] = "image";
+    AssetType["Document"] = "doc";
+    AssetType["Audio"] = "audio";
+})(exports.AssetType || (exports.AssetType = {}));
+exports.AssetSource = void 0;
+(function(AssetSource) {
+    AssetSource["Url"] = "url";
+    AssetSource["Computer"] = "computer";
+})(exports.AssetSource || (exports.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.getTrad('list.table.header.preview'),
+                defaultMessage: 'preview'
+            },
+            isSortable: false
+        },
+        type: 'image'
+    },
+    {
+        name: 'name',
+        key: 'name',
+        metadatas: {
+            label: {
+                id: getTrad.getTrad('list.table.header.name'),
+                defaultMessage: 'name'
+            },
+            isSortable: true
+        },
+        type: 'text'
+    },
+    {
+        name: 'ext',
+        key: 'extension',
+        metadatas: {
+            label: {
+                id: getTrad.getTrad('list.table.header.ext'),
+                defaultMessage: 'extension'
+            },
+            isSortable: false
+        },
+        type: 'ext'
+    },
+    {
+        name: 'size',
+        key: 'size',
+        metadatas: {
+            label: {
+                id: getTrad.getTrad('list.table.header.size'),
+                defaultMessage: 'size'
+            },
+            isSortable: false
+        },
+        type: 'size'
+    },
+    {
+        name: 'createdAt',
+        key: 'createdAt',
+        metadatas: {
+            label: {
+                id: getTrad.getTrad('list.table.header.createdAt'),
+                defaultMessage: 'created'
+            },
+            isSortable: true
+        },
+        type: 'date'
+    },
+    {
+        name: 'updatedAt',
+        key: 'updatedAt',
+        metadatas: {
+            label: {
+                id: getTrad.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
+};
+
+exports.PERMISSIONS = PERMISSIONS;
+exports.localStorageKeys = localStorageKeys;
+exports.pageSizes = pageSizes;
+exports.sortOptions = sortOptions;
+exports.tableHeaders = tableHeaders;
+exports.viewOptions = viewOptions;
+//# sourceMappingURL=constants.js.map

package/dist/admin/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","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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"}