@strapi/upload 0.0.0-experimental.008123965da692a55d02a1df63facc54077c6bde

package/dist/admin/pages/App/MediaLibrary/components/BulkActions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActions.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/BulkActions.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../../utils';\n\nimport { BulkDeleteButton } from './BulkDeleteButton';\nimport { BulkMoveButton } from './BulkMoveButton';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type {\n  FolderDefinition,\n  Folder as FolderInitial,\n} from '../../../../../../shared/contracts/folders';\n\ninterface FolderWithType extends FolderInitial {\n  type: string;\n}\n\nexport interface FileWithType extends File {\n  type: string;\n}\n\nexport interface BulkActionsProps {\n  selected: Array<FileWithType | FolderDefinition> | Array<FolderWithType | FileWithType>;\n  onSuccess: () => void;\n  currentFolder?: FolderWithType;\n}\n\nexport const BulkActions = ({ selected = [], onSuccess, currentFolder }: BulkActionsProps) => {\n  const { formatMessage } = useIntl();\n  const numberAssets = selected?.reduce(function (_this, val) {\n    return val?.type === 'folder' && 'files' in val && val?.files && 'count' in val.files\n      ? _this + val?.files?.count\n      : _this + 1;\n  }, 0);\n\n  return (\n    <Flex gap={2} paddingBottom={5}>\n      <Typography variant=\"epsilon\" textColor=\"neutral600\">\n        {formatMessage(\n          {\n            id: getTrad('list.assets.selected'),\n            defaultMessage:\n              '{numberFolders, plural, one {1 folder} other {# folders}} - {numberAssets, plural, one {1 asset} other {# assets}} selected',\n          },\n          {\n            numberFolders: selected?.filter(({ type }) => type === 'folder').length,\n            numberAssets,\n          }\n        )}\n      </Typography>\n\n      <BulkDeleteButton\n        selected={selected as Array<FileWithType | FolderDefinition>}\n        onSuccess={onSuccess}\n      />\n      <BulkMoveButton\n        currentFolder={currentFolder}\n        selected={selected as Array<FolderWithType | FileWithType>}\n        onSuccess={onSuccess}\n      />\n    </Flex>\n  );\n};\n"],"names":["BulkActions","selected","onSuccess","currentFolder","formatMessage","useIntl","numberAssets","reduce","_this","val","type","files","count","_jsxs","Flex","gap","paddingBottom","_jsx","Typography","variant","textColor","id","getTrad","defaultMessage","numberFolders","filter","length","BulkDeleteButton","BulkMoveButton"],"mappings":";;;;;;;;;;;;AA4BO,MAAMA,WAAc,GAAA,CAAC,EAAEC,QAAAA,GAAW,EAAE,EAAEC,SAAS,EAAEC,aAAa,EAAoB,GAAA;IACvF,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,eAAeL,QAAUM,EAAAA,MAAAA,CAAO,SAAUC,KAAK,EAAEC,GAAG,EAAA;AACxD,QAAA,OAAOA,GAAKC,EAAAA,IAAAA,KAAS,QAAY,IAAA,OAAA,IAAWD,OAAOA,GAAKE,EAAAA,KAAAA,IAAS,OAAWF,IAAAA,GAAAA,CAAIE,KAAK,GACjFH,KAAAA,GAAQC,GAAKE,EAAAA,KAAAA,EAAOC,QACpBJ,KAAQ,GAAA,CAAA;KACX,EAAA,CAAA,CAAA;AAEH,IAAA,qBACEK,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,GAAK,EAAA,CAAA;QAAGC,aAAe,EAAA,CAAA;;0BAC3BC,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,OAAQ,EAAA,SAAA;gBAAUC,SAAU,EAAA,YAAA;0BACrChB,aACC,CAAA;AACEiB,oBAAAA,EAAAA,EAAIC,OAAQ,CAAA,sBAAA,CAAA;oBACZC,cACE,EAAA;iBAEJ,EAAA;oBACEC,aAAevB,EAAAA,QAAAA,EAAUwB,OAAO,CAAC,EAAEf,IAAI,EAAE,GAAKA,SAAS,QAAUgB,CAAAA,CAAAA,MAAAA;AACjEpB,oBAAAA;AACF,iBAAA;;0BAIJW,GAACU,CAAAA,gBAAAA,EAAAA;gBACC1B,QAAUA,EAAAA,QAAAA;gBACVC,SAAWA,EAAAA;;0BAEbe,GAACW,CAAAA,cAAAA,EAAAA;gBACCzB,aAAeA,EAAAA,aAAAA;gBACfF,QAAUA,EAAAA,QAAAA;gBACVC,SAAWA,EAAAA;;;;AAInB;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/BulkDeleteButton.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var useBulkRemove = require('../../../../hooks/useBulkRemove.js');
+
+const BulkDeleteButton = ({ selected, onSuccess })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { remove } = useBulkRemove.useBulkRemove();
+    const handleConfirmRemove = async ()=>{
+        await remove(selected);
+        onSuccess();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "danger-light",
+                    size: "S",
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {}),
+                    children: formatMessage({
+                        id: 'global.delete',
+                        defaultMessage: 'Delete'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                onConfirm: handleConfirmRemove
+            })
+        ]
+    });
+};
+
+exports.BulkDeleteButton = BulkDeleteButton;
+//# sourceMappingURL=BulkDeleteButton.js.map

package/dist/admin/pages/App/MediaLibrary/components/BulkDeleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkDeleteButton.js","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/BulkDeleteButton.tsx"],"sourcesContent":["import { ConfirmDialog } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog } from '@strapi/design-system';\nimport { Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkRemove } from '../../../../hooks/useBulkRemove';\n\nimport type { FolderDefinition } from '../../../../../../shared/contracts/folders';\nimport type { FileWithType } from '../../../../hooks/useBulkRemove';\n\nexport interface BulkDeleteButtonProps {\n  selected: Array<FileWithType | FolderDefinition>;\n  onSuccess: () => void;\n}\n\nexport const BulkDeleteButton = ({ selected, onSuccess }: BulkDeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { remove } = useBulkRemove();\n\n  const handleConfirmRemove = async () => {\n    await remove(selected);\n    onSuccess();\n  };\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>\n        <Button variant=\"danger-light\" size=\"S\" startIcon={<Trash />}>\n          {formatMessage({ id: 'global.delete', defaultMessage: 'Delete' })}\n        </Button>\n      </Dialog.Trigger>\n      <ConfirmDialog onConfirm={handleConfirmRemove} />\n    </Dialog.Root>\n  );\n};\n"],"names":["BulkDeleteButton","selected","onSuccess","formatMessage","useIntl","remove","useBulkRemove","handleConfirmRemove","_jsxs","Dialog","Root","_jsx","Trigger","Button","variant","size","startIcon","Trash","id","defaultMessage","ConfirmDialog","onConfirm"],"mappings":";;;;;;;;;MAeaA,gBAAmB,GAAA,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAyB,GAAA;IAC7E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAGC,2BAAAA,EAAAA;AAEnB,IAAA,MAAMC,mBAAsB,GAAA,UAAA;AAC1B,QAAA,MAAMF,MAAOJ,CAAAA,QAAAA,CAAAA;AACbC,QAAAA,SAAAA,EAAAA;AACF,KAAA;IAEA,qBACEM,eAAA,CAACC,oBAAOC,IAAI,EAAA;;AACV,0BAAAC,cAAA,CAACF,oBAAOG,OAAO,EAAA;AACb,gBAAA,QAAA,gBAAAD,cAACE,CAAAA,mBAAAA,EAAAA;oBAAOC,OAAQ,EAAA,cAAA;oBAAeC,IAAK,EAAA,GAAA;AAAIC,oBAAAA,SAAAA,gBAAWL,cAACM,CAAAA,WAAAA,EAAAA,EAAAA,CAAAA;8BACjDd,aAAc,CAAA;wBAAEe,EAAI,EAAA,eAAA;wBAAiBC,cAAgB,EAAA;AAAS,qBAAA;;;0BAGnER,cAACS,CAAAA,yBAAAA,EAAAA;gBAAcC,SAAWd,EAAAA;;;;AAGhC;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/BulkDeleteButton.mjs

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Dialog, Button } from '@strapi/design-system';
+import { Trash } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useBulkRemove } from '../../../../hooks/useBulkRemove.mjs';
+
+const BulkDeleteButton = ({ selected, onSuccess })=>{
+    const { formatMessage } = useIntl();
+    const { remove } = useBulkRemove();
+    const handleConfirmRemove = async ()=>{
+        await remove(selected);
+        onSuccess();
+    };
+    return /*#__PURE__*/ jsxs(Dialog.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Dialog.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "danger-light",
+                    size: "S",
+                    startIcon: /*#__PURE__*/ jsx(Trash, {}),
+                    children: formatMessage({
+                        id: 'global.delete',
+                        defaultMessage: 'Delete'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ConfirmDialog, {
+                onConfirm: handleConfirmRemove
+            })
+        ]
+    });
+};
+
+export { BulkDeleteButton };
+//# sourceMappingURL=BulkDeleteButton.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/BulkDeleteButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkDeleteButton.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/BulkDeleteButton.tsx"],"sourcesContent":["import { ConfirmDialog } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog } from '@strapi/design-system';\nimport { Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkRemove } from '../../../../hooks/useBulkRemove';\n\nimport type { FolderDefinition } from '../../../../../../shared/contracts/folders';\nimport type { FileWithType } from '../../../../hooks/useBulkRemove';\n\nexport interface BulkDeleteButtonProps {\n  selected: Array<FileWithType | FolderDefinition>;\n  onSuccess: () => void;\n}\n\nexport const BulkDeleteButton = ({ selected, onSuccess }: BulkDeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { remove } = useBulkRemove();\n\n  const handleConfirmRemove = async () => {\n    await remove(selected);\n    onSuccess();\n  };\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>\n        <Button variant=\"danger-light\" size=\"S\" startIcon={<Trash />}>\n          {formatMessage({ id: 'global.delete', defaultMessage: 'Delete' })}\n        </Button>\n      </Dialog.Trigger>\n      <ConfirmDialog onConfirm={handleConfirmRemove} />\n    </Dialog.Root>\n  );\n};\n"],"names":["BulkDeleteButton","selected","onSuccess","formatMessage","useIntl","remove","useBulkRemove","handleConfirmRemove","_jsxs","Dialog","Root","_jsx","Trigger","Button","variant","size","startIcon","Trash","id","defaultMessage","ConfirmDialog","onConfirm"],"mappings":";;;;;;;MAeaA,gBAAmB,GAAA,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAyB,GAAA;IAC7E,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAGC,aAAAA,EAAAA;AAEnB,IAAA,MAAMC,mBAAsB,GAAA,UAAA;AAC1B,QAAA,MAAMF,MAAOJ,CAAAA,QAAAA,CAAAA;AACbC,QAAAA,SAAAA,EAAAA;AACF,KAAA;IAEA,qBACEM,IAAA,CAACC,OAAOC,IAAI,EAAA;;AACV,0BAAAC,GAAA,CAACF,OAAOG,OAAO,EAAA;AACb,gBAAA,QAAA,gBAAAD,GAACE,CAAAA,MAAAA,EAAAA;oBAAOC,OAAQ,EAAA,cAAA;oBAAeC,IAAK,EAAA,GAAA;AAAIC,oBAAAA,SAAAA,gBAAWL,GAACM,CAAAA,KAAAA,EAAAA,EAAAA,CAAAA;8BACjDd,aAAc,CAAA;wBAAEe,EAAI,EAAA,eAAA;wBAAiBC,cAAgB,EAAA;AAAS,qBAAA;;;0BAGnER,GAACS,CAAAA,aAAAA,EAAAA;gBAAcC,SAAWd,EAAAA;;;;AAGhC;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/BulkMoveButton.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var BulkMoveDialog = require('../../../../components/BulkMoveDialog/BulkMoveDialog.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 BulkMoveButton = ({ selected = [], onSuccess, currentFolder })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [showConfirmDialog, setShowConfirmDialog] = React__namespace.useState(false);
+    const handleConfirmMove = ()=>{
+        setShowConfirmDialog(false);
+        onSuccess();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Root, {
+        open: showConfirmDialog,
+        onOpenChange: setShowConfirmDialog,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "secondary",
+                    size: "S",
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Folder, {}),
+                    children: formatMessage({
+                        id: 'global.move',
+                        defaultMessage: 'Move'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
+                currentFolder: currentFolder,
+                onClose: handleConfirmMove,
+                selected: selected
+            })
+        ]
+    });
+};
+
+exports.BulkMoveButton = BulkMoveButton;
+//# sourceMappingURL=BulkMoveButton.js.map

package/dist/admin/pages/App/MediaLibrary/components/BulkMoveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkMoveButton.js","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/BulkMoveButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Modal } from '@strapi/design-system';\nimport { Folder } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { BulkMoveDialog } from '../../../../components/BulkMoveDialog/BulkMoveDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder as FolderDefinition } from '../../../../../../shared/contracts/folders';\n\ninterface FolderWithType extends FolderDefinition {\n  type: string;\n}\n\ninterface FileWithType extends File {\n  type: string;\n}\n\nexport interface BulkMoveButtonProps {\n  onSuccess: () => void;\n  currentFolder?: FolderWithType;\n  selected?: Array<FolderWithType | FileWithType>;\n}\n\nexport const BulkMoveButton = ({\n  selected = [],\n  onSuccess,\n  currentFolder,\n}: BulkMoveButtonProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const handleConfirmMove = () => {\n    setShowConfirmDialog(false);\n    onSuccess();\n  };\n\n  return (\n    <Modal.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Modal.Trigger>\n        <Button variant=\"secondary\" size=\"S\" startIcon={<Folder />}>\n          {formatMessage({ id: 'global.move', defaultMessage: 'Move' })}\n        </Button>\n      </Modal.Trigger>\n      <BulkMoveDialog\n        currentFolder={currentFolder}\n        onClose={handleConfirmMove}\n        selected={selected}\n      />\n    </Modal.Root>\n  );\n};\n"],"names":["BulkMoveButton","selected","onSuccess","currentFolder","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","handleConfirmMove","_jsxs","Modal","Root","open","onOpenChange","_jsx","Trigger","Button","variant","size","startIcon","Folder","id","defaultMessage","BulkMoveDialog","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,cAAiB,GAAA,CAAC,EAC7BC,QAAAA,GAAW,EAAE,EACbC,SAAS,EACTC,aAAa,EACO,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,iBAAmBC,EAAAA,oBAAAA,CAAqB,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEjE,IAAA,MAAMC,iBAAoB,GAAA,IAAA;QACxBH,oBAAqB,CAAA,KAAA,CAAA;AACrBL,QAAAA,SAAAA,EAAAA;AACF,KAAA;IAEA,qBACES,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACC,IAAMR,EAAAA,iBAAAA;QAAmBS,YAAcR,EAAAA,oBAAAA;;AACjD,0BAAAS,cAAA,CAACJ,mBAAMK,OAAO,EAAA;AACZ,gBAAA,QAAA,gBAAAD,cAACE,CAAAA,mBAAAA,EAAAA;oBAAOC,OAAQ,EAAA,WAAA;oBAAYC,IAAK,EAAA,GAAA;AAAIC,oBAAAA,SAAAA,gBAAWL,cAACM,CAAAA,YAAAA,EAAAA,EAAAA,CAAAA;8BAC9ClB,aAAc,CAAA;wBAAEmB,EAAI,EAAA,aAAA;wBAAeC,cAAgB,EAAA;AAAO,qBAAA;;;0BAG/DR,cAACS,CAAAA,6BAAAA,EAAAA;gBACCtB,aAAeA,EAAAA,aAAAA;gBACfuB,OAAShB,EAAAA,iBAAAA;gBACTT,QAAUA,EAAAA;;;;AAIlB;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/BulkMoveButton.mjs

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Modal, Button } from '@strapi/design-system';
+import { Folder } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { BulkMoveDialog } from '../../../../components/BulkMoveDialog/BulkMoveDialog.mjs';
+
+const BulkMoveButton = ({ selected = [], onSuccess, currentFolder })=>{
+    const { formatMessage } = useIntl();
+    const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);
+    const handleConfirmMove = ()=>{
+        setShowConfirmDialog(false);
+        onSuccess();
+    };
+    return /*#__PURE__*/ jsxs(Modal.Root, {
+        open: showConfirmDialog,
+        onOpenChange: setShowConfirmDialog,
+        children: [
+            /*#__PURE__*/ jsx(Modal.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "secondary",
+                    size: "S",
+                    startIcon: /*#__PURE__*/ jsx(Folder, {}),
+                    children: formatMessage({
+                        id: 'global.move',
+                        defaultMessage: 'Move'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(BulkMoveDialog, {
+                currentFolder: currentFolder,
+                onClose: handleConfirmMove,
+                selected: selected
+            })
+        ]
+    });
+};
+
+export { BulkMoveButton };
+//# sourceMappingURL=BulkMoveButton.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/BulkMoveButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkMoveButton.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/BulkMoveButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Modal } from '@strapi/design-system';\nimport { Folder } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { BulkMoveDialog } from '../../../../components/BulkMoveDialog/BulkMoveDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder as FolderDefinition } from '../../../../../../shared/contracts/folders';\n\ninterface FolderWithType extends FolderDefinition {\n  type: string;\n}\n\ninterface FileWithType extends File {\n  type: string;\n}\n\nexport interface BulkMoveButtonProps {\n  onSuccess: () => void;\n  currentFolder?: FolderWithType;\n  selected?: Array<FolderWithType | FileWithType>;\n}\n\nexport const BulkMoveButton = ({\n  selected = [],\n  onSuccess,\n  currentFolder,\n}: BulkMoveButtonProps) => {\n  const { formatMessage } = useIntl();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n\n  const handleConfirmMove = () => {\n    setShowConfirmDialog(false);\n    onSuccess();\n  };\n\n  return (\n    <Modal.Root open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n      <Modal.Trigger>\n        <Button variant=\"secondary\" size=\"S\" startIcon={<Folder />}>\n          {formatMessage({ id: 'global.move', defaultMessage: 'Move' })}\n        </Button>\n      </Modal.Trigger>\n      <BulkMoveDialog\n        currentFolder={currentFolder}\n        onClose={handleConfirmMove}\n        selected={selected}\n      />\n    </Modal.Root>\n  );\n};\n"],"names":["BulkMoveButton","selected","onSuccess","currentFolder","formatMessage","useIntl","showConfirmDialog","setShowConfirmDialog","React","useState","handleConfirmMove","_jsxs","Modal","Root","open","onOpenChange","_jsx","Trigger","Button","variant","size","startIcon","Folder","id","defaultMessage","BulkMoveDialog","onClose"],"mappings":";;;;;;;AAyBO,MAAMA,cAAiB,GAAA,CAAC,EAC7BC,QAAAA,GAAW,EAAE,EACbC,SAAS,EACTC,aAAa,EACO,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,iBAAmBC,EAAAA,oBAAAA,CAAqB,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEjE,IAAA,MAAMC,iBAAoB,GAAA,IAAA;QACxBH,oBAAqB,CAAA,KAAA,CAAA;AACrBL,QAAAA,SAAAA,EAAAA;AACF,KAAA;IAEA,qBACES,IAAA,CAACC,MAAMC,IAAI,EAAA;QAACC,IAAMR,EAAAA,iBAAAA;QAAmBS,YAAcR,EAAAA,oBAAAA;;AACjD,0BAAAS,GAAA,CAACJ,MAAMK,OAAO,EAAA;AACZ,gBAAA,QAAA,gBAAAD,GAACE,CAAAA,MAAAA,EAAAA;oBAAOC,OAAQ,EAAA,WAAA;oBAAYC,IAAK,EAAA,GAAA;AAAIC,oBAAAA,SAAAA,gBAAWL,GAACM,CAAAA,MAAAA,EAAAA,EAAAA,CAAAA;8BAC9ClB,aAAc,CAAA;wBAAEmB,EAAI,EAAA,aAAA;wBAAeC,cAAgB,EAAA;AAAO,qBAAA;;;0BAG/DR,GAACS,CAAAA,cAAAA,EAAAA;gBACCtB,aAAeA,EAAAA,aAAAA;gBACfuB,OAAShB,EAAAA,iBAAAA;gBACTT,QAAUA,EAAAA;;;;AAIlB;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/EmptyOrNoPermissions.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var symbols = require('@strapi/icons/symbols');
+var reactIntl = require('react-intl');
+var EmptyAssets = require('../../../../components/EmptyAssets/EmptyAssets.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../../../utils/getTrad.js');
+require('qs');
+require('../../../../constants.js');
+require('../../../../utils/urlYupSchema.js');
+
+const getContentIntlMessage = ({ isFiltering, canCreate, canRead })=>{
+    if (isFiltering) {
+        return {
+            id: 'list.assets-empty.title-withSearch',
+            defaultMessage: 'There are no elements with the applied filters'
+        };
+    }
+    if (canRead) {
+        if (canCreate) {
+            return {
+                id: 'list.assets.empty-upload',
+                defaultMessage: 'Upload your first assets...'
+            };
+        }
+        return {
+            id: 'list.assets.empty',
+            defaultMessage: 'Media Library is empty'
+        };
+    }
+    return {
+        id: 'header.actions.no-permissions',
+        defaultMessage: 'No permissions to view'
+    };
+};
+const EmptyOrNoPermissions = ({ canCreate, isFiltering, canRead, onActionClick })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const content = getContentIntlMessage({
+        isFiltering,
+        canCreate,
+        canRead
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(EmptyAssets.EmptyAssets, {
+        icon: !canRead ? symbols.EmptyPermissions : undefined,
+        action: canCreate && !isFiltering && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+            variant: "secondary",
+            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+            onClick: onActionClick,
+            children: formatMessage({
+                id: getTrad.getTrad('header.actions.add-assets'),
+                defaultMessage: 'Add new assets'
+            })
+        }),
+        content: formatMessage({
+            ...content,
+            id: getTrad.getTrad(content.id)
+        })
+    });
+};
+
+exports.EmptyOrNoPermissions = EmptyOrNoPermissions;
+//# sourceMappingURL=EmptyOrNoPermissions.js.map

package/dist/admin/pages/App/MediaLibrary/components/EmptyOrNoPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyOrNoPermissions.js","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/EmptyOrNoPermissions.tsx"],"sourcesContent":["import { Button } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { EmptyAssets } from '../../../../components/EmptyAssets/EmptyAssets';\nimport { getTrad } from '../../../../utils';\n\nexport interface EmptyOrNoPermissionsProps {\n  canCreate: boolean;\n  canRead: boolean;\n  isFiltering: boolean;\n  onActionClick: () => void;\n}\n\nconst getContentIntlMessage = ({\n  isFiltering,\n  canCreate,\n  canRead,\n}: Omit<EmptyOrNoPermissionsProps, 'onActionClick'>) => {\n  if (isFiltering) {\n    return {\n      id: 'list.assets-empty.title-withSearch',\n      defaultMessage: 'There are no elements with the applied filters',\n    };\n  }\n\n  if (canRead) {\n    if (canCreate) {\n      return {\n        id: 'list.assets.empty-upload',\n        defaultMessage: 'Upload your first assets...',\n      };\n    }\n\n    return {\n      id: 'list.assets.empty',\n      defaultMessage: 'Media Library is empty',\n    };\n  }\n\n  return {\n    id: 'header.actions.no-permissions',\n    defaultMessage: 'No permissions to view',\n  };\n};\n\nexport const EmptyOrNoPermissions = ({\n  canCreate,\n  isFiltering,\n  canRead,\n  onActionClick,\n}: EmptyOrNoPermissionsProps) => {\n  const { formatMessage } = useIntl();\n  const content = getContentIntlMessage({ isFiltering, canCreate, canRead });\n\n  return (\n    <EmptyAssets\n      icon={!canRead ? EmptyPermissions : undefined}\n      action={\n        canCreate &&\n        !isFiltering && (\n          <Button variant=\"secondary\" startIcon={<Plus />} onClick={onActionClick}>\n            {formatMessage({\n              id: getTrad('header.actions.add-assets'),\n              defaultMessage: 'Add new assets',\n            })}\n          </Button>\n        )\n      }\n      content={formatMessage({\n        ...content,\n        id: getTrad(content.id),\n      })}\n    />\n  );\n};\n"],"names":["getContentIntlMessage","isFiltering","canCreate","canRead","id","defaultMessage","EmptyOrNoPermissions","onActionClick","formatMessage","useIntl","content","_jsx","EmptyAssets","icon","EmptyPermissions","undefined","action","Button","variant","startIcon","Plus","onClick","getTrad"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAMA,qBAAAA,GAAwB,CAAC,EAC7BC,WAAW,EACXC,SAAS,EACTC,OAAO,EAC0C,GAAA;AACjD,IAAA,IAAIF,WAAa,EAAA;QACf,OAAO;YACLG,EAAI,EAAA,oCAAA;YACJC,cAAgB,EAAA;AAClB,SAAA;AACF;AAEA,IAAA,IAAIF,OAAS,EAAA;AACX,QAAA,IAAID,SAAW,EAAA;YACb,OAAO;gBACLE,EAAI,EAAA,0BAAA;gBACJC,cAAgB,EAAA;AAClB,aAAA;AACF;QAEA,OAAO;YACLD,EAAI,EAAA,mBAAA;YACJC,cAAgB,EAAA;AAClB,SAAA;AACF;IAEA,OAAO;QACLD,EAAI,EAAA,+BAAA;QACJC,cAAgB,EAAA;AAClB,KAAA;AACF,CAAA;AAEO,MAAMC,oBAAuB,GAAA,CAAC,EACnCJ,SAAS,EACTD,WAAW,EACXE,OAAO,EACPI,aAAa,EACa,GAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,UAAUV,qBAAsB,CAAA;AAAEC,QAAAA,WAAAA;AAAaC,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAExE,IAAA,qBACEQ,cAACC,CAAAA,uBAAAA,EAAAA;QACCC,IAAM,EAAA,CAACV,UAAUW,wBAAmBC,GAAAA,SAAAA;QACpCC,MACEd,EAAAA,SAAAA,IACA,CAACD,WAAAA,kBACCU,cAACM,CAAAA,mBAAAA,EAAAA;YAAOC,OAAQ,EAAA,WAAA;AAAYC,YAAAA,SAAAA,gBAAWR,cAACS,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;YAASC,OAASd,EAAAA,aAAAA;sBACvDC,aAAc,CAAA;AACbJ,gBAAAA,EAAAA,EAAIkB,eAAQ,CAAA,2BAAA,CAAA;gBACZjB,cAAgB,EAAA;AAClB,aAAA;;AAINK,QAAAA,OAAAA,EAASF,aAAc,CAAA;AACrB,YAAA,GAAGE,OAAO;YACVN,EAAIkB,EAAAA,eAAAA,CAAQZ,QAAQN,EAAE;AACxB,SAAA;;AAGN;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/EmptyOrNoPermissions.mjs

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { EmptyPermissions } from '@strapi/icons/symbols';
+import { useIntl } from 'react-intl';
+import { EmptyAssets } from '../../../../components/EmptyAssets/EmptyAssets.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../../utils/getTrad.mjs';
+import 'qs';
+import '../../../../constants.mjs';
+import '../../../../utils/urlYupSchema.mjs';
+
+const getContentIntlMessage = ({ isFiltering, canCreate, canRead })=>{
+    if (isFiltering) {
+        return {
+            id: 'list.assets-empty.title-withSearch',
+            defaultMessage: 'There are no elements with the applied filters'
+        };
+    }
+    if (canRead) {
+        if (canCreate) {
+            return {
+                id: 'list.assets.empty-upload',
+                defaultMessage: 'Upload your first assets...'
+            };
+        }
+        return {
+            id: 'list.assets.empty',
+            defaultMessage: 'Media Library is empty'
+        };
+    }
+    return {
+        id: 'header.actions.no-permissions',
+        defaultMessage: 'No permissions to view'
+    };
+};
+const EmptyOrNoPermissions = ({ canCreate, isFiltering, canRead, onActionClick })=>{
+    const { formatMessage } = useIntl();
+    const content = getContentIntlMessage({
+        isFiltering,
+        canCreate,
+        canRead
+    });
+    return /*#__PURE__*/ jsx(EmptyAssets, {
+        icon: !canRead ? EmptyPermissions : undefined,
+        action: canCreate && !isFiltering && /*#__PURE__*/ jsx(Button, {
+            variant: "secondary",
+            startIcon: /*#__PURE__*/ jsx(Plus, {}),
+            onClick: onActionClick,
+            children: formatMessage({
+                id: getTrad('header.actions.add-assets'),
+                defaultMessage: 'Add new assets'
+            })
+        }),
+        content: formatMessage({
+            ...content,
+            id: getTrad(content.id)
+        })
+    });
+};
+
+export { EmptyOrNoPermissions };
+//# sourceMappingURL=EmptyOrNoPermissions.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/EmptyOrNoPermissions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyOrNoPermissions.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/EmptyOrNoPermissions.tsx"],"sourcesContent":["import { Button } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyPermissions } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { EmptyAssets } from '../../../../components/EmptyAssets/EmptyAssets';\nimport { getTrad } from '../../../../utils';\n\nexport interface EmptyOrNoPermissionsProps {\n  canCreate: boolean;\n  canRead: boolean;\n  isFiltering: boolean;\n  onActionClick: () => void;\n}\n\nconst getContentIntlMessage = ({\n  isFiltering,\n  canCreate,\n  canRead,\n}: Omit<EmptyOrNoPermissionsProps, 'onActionClick'>) => {\n  if (isFiltering) {\n    return {\n      id: 'list.assets-empty.title-withSearch',\n      defaultMessage: 'There are no elements with the applied filters',\n    };\n  }\n\n  if (canRead) {\n    if (canCreate) {\n      return {\n        id: 'list.assets.empty-upload',\n        defaultMessage: 'Upload your first assets...',\n      };\n    }\n\n    return {\n      id: 'list.assets.empty',\n      defaultMessage: 'Media Library is empty',\n    };\n  }\n\n  return {\n    id: 'header.actions.no-permissions',\n    defaultMessage: 'No permissions to view',\n  };\n};\n\nexport const EmptyOrNoPermissions = ({\n  canCreate,\n  isFiltering,\n  canRead,\n  onActionClick,\n}: EmptyOrNoPermissionsProps) => {\n  const { formatMessage } = useIntl();\n  const content = getContentIntlMessage({ isFiltering, canCreate, canRead });\n\n  return (\n    <EmptyAssets\n      icon={!canRead ? EmptyPermissions : undefined}\n      action={\n        canCreate &&\n        !isFiltering && (\n          <Button variant=\"secondary\" startIcon={<Plus />} onClick={onActionClick}>\n            {formatMessage({\n              id: getTrad('header.actions.add-assets'),\n              defaultMessage: 'Add new assets',\n            })}\n          </Button>\n        )\n      }\n      content={formatMessage({\n        ...content,\n        id: getTrad(content.id),\n      })}\n    />\n  );\n};\n"],"names":["getContentIntlMessage","isFiltering","canCreate","canRead","id","defaultMessage","EmptyOrNoPermissions","onActionClick","formatMessage","useIntl","content","_jsx","EmptyAssets","icon","EmptyPermissions","undefined","action","Button","variant","startIcon","Plus","onClick","getTrad"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,qBAAAA,GAAwB,CAAC,EAC7BC,WAAW,EACXC,SAAS,EACTC,OAAO,EAC0C,GAAA;AACjD,IAAA,IAAIF,WAAa,EAAA;QACf,OAAO;YACLG,EAAI,EAAA,oCAAA;YACJC,cAAgB,EAAA;AAClB,SAAA;AACF;AAEA,IAAA,IAAIF,OAAS,EAAA;AACX,QAAA,IAAID,SAAW,EAAA;YACb,OAAO;gBACLE,EAAI,EAAA,0BAAA;gBACJC,cAAgB,EAAA;AAClB,aAAA;AACF;QAEA,OAAO;YACLD,EAAI,EAAA,mBAAA;YACJC,cAAgB,EAAA;AAClB,SAAA;AACF;IAEA,OAAO;QACLD,EAAI,EAAA,+BAAA;QACJC,cAAgB,EAAA;AAClB,KAAA;AACF,CAAA;AAEO,MAAMC,oBAAuB,GAAA,CAAC,EACnCJ,SAAS,EACTD,WAAW,EACXE,OAAO,EACPI,aAAa,EACa,GAAA;IAC1B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,UAAUV,qBAAsB,CAAA;AAAEC,QAAAA,WAAAA;AAAaC,QAAAA,SAAAA;AAAWC,QAAAA;AAAQ,KAAA,CAAA;AAExE,IAAA,qBACEQ,GAACC,CAAAA,WAAAA,EAAAA;QACCC,IAAM,EAAA,CAACV,UAAUW,gBAAmBC,GAAAA,SAAAA;QACpCC,MACEd,EAAAA,SAAAA,IACA,CAACD,WAAAA,kBACCU,GAACM,CAAAA,MAAAA,EAAAA;YAAOC,OAAQ,EAAA,WAAA;AAAYC,YAAAA,SAAAA,gBAAWR,GAACS,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;YAASC,OAASd,EAAAA,aAAAA;sBACvDC,aAAc,CAAA;AACbJ,gBAAAA,EAAAA,EAAIkB,OAAQ,CAAA,2BAAA,CAAA;gBACZjB,cAAgB,EAAA;AAClB,aAAA;;AAINK,QAAAA,OAAAA,EAASF,aAAc,CAAA;AACrB,YAAA,GAAGE,OAAO;YACVN,EAAIkB,EAAAA,OAAAA,CAAQZ,QAAQN,EAAE;AACxB,SAAA;;AAGN;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/Filters.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var FilterList = require('../../../../components/FilterList/FilterList.js');
+var FilterPopover = require('../../../../components/FilterPopover/FilterPopover.js');
+var displayedFilters = require('../../../../utils/displayedFilters.js');
+require('byte-size');
+require('date-fns');
+require('qs');
+require('../../../../constants.js');
+require('../../../../utils/urlYupSchema.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 Filters = ()=>{
+    const [open, setOpen] = React__namespace.useState(false);
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    const filters = query?.filters?.$and || [];
+    const handleRemoveFilter = (nextFilters)=>{
+        setQuery({
+            filters: {
+                $and: nextFilters
+            },
+            page: 1
+        });
+    };
+    const handleSubmit = (filters)=>{
+        trackUsage('didFilterMediaLibraryElements', {
+            location: 'content-manager',
+            filter: Object.keys(filters[filters.length - 1])[0]
+        });
+        setQuery({
+            filters: {
+                $and: filters
+            },
+            page: 1
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "tertiary",
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Filter, {}),
+                    size: "S",
+                    children: formatMessage({
+                        id: 'app.utils.filters',
+                        defaultMessage: 'Filters'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(FilterPopover.FilterPopover, {
+                displayedFilters: displayedFilters.displayedFilters,
+                filters: filters,
+                onSubmit: handleSubmit,
+                onToggle: setOpen
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(FilterList.FilterList, {
+                appliedFilters: filters,
+                filtersSchema: displayedFilters.displayedFilters,
+                onRemoveFilter: handleRemoveFilter
+            })
+        ]
+    });
+};
+
+exports.Filters = Filters;
+//# sourceMappingURL=Filters.js.map

package/dist/admin/pages/App/MediaLibrary/components/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../../components/FilterPopover/FilterPopover';\nimport { displayedFilters } from '../../../../utils';\n\nimport type { Query } from '../../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery({ filters: { $and: nextFilters }, page: 1 } as Query);\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery({ filters: { $and: filters }, page: 1 } as Query);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAeaA,OAAU,GAAA,IAAA;AACrB,IAAA,MAAM,CAACC,IAAMC,EAAAA,OAAAA,CAAQ,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAUH,GAAAA,KAAAA,EAAOG,OAASC,EAAAA,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;QAC7DL,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAME,EAAAA;AAAY,aAAA;YAAGC,IAAM,EAAA;AAAE,SAAA,CAAA;AACrD,KAAA;AAEA,IAAA,MAAMC,eAA+C,CAACL,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAiC,EAAA;YAC1CW,QAAU,EAAA,iBAAA;YACVC,MAAQC,EAAAA,MAAAA,CAAOC,IAAI,CAACT,OAAO,CAACA,OAAQU,CAAAA,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAE;AACrD,SAAA,CAAA;QACAZ,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAMD,EAAAA;AAAQ,aAAA;YAAGI,IAAM,EAAA;AAAE,SAAA,CAAA;AACjD,KAAA;IAEA,qBACEO,eAAA,CAACC,qBAAQC,IAAI,EAAA;QAACxB,IAAMA,EAAAA,IAAAA;QAAMyB,YAAcxB,EAAAA,OAAAA;;AACtC,0BAAAyB,cAAA,CAACH,qBAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,cAACE,CAAAA,mBAAAA,EAAAA;oBAAOC,OAAQ,EAAA,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,cAACK,CAAAA,YAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAK,EAAA,GAAA;8BACpD5B,aAAc,CAAA;wBAAE6B,EAAI,EAAA,mBAAA;wBAAqBC,cAAgB,EAAA;AAAU,qBAAA;;;0BAGxER,cAACS,CAAAA,2BAAAA,EAAAA;gBACCC,gBAAkBA,EAAAA,iCAAAA;gBAClBzB,OAASA,EAAAA,OAAAA;gBACT0B,QAAUrB,EAAAA,YAAAA;gBACVsB,QAAUrC,EAAAA;;0BAEZyB,cAACa,CAAAA,qBAAAA,EAAAA;gBACCC,cAAgB7B,EAAAA,OAAAA;gBAChB8B,aAAeL,EAAAA,iCAAAA;gBACfM,cAAgB7B,EAAAA;;;;AAIxB;;;;"}

package/dist/admin/pages/App/MediaLibrary/components/Filters.mjs

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useQueryParams } from '@strapi/admin/strapi-admin';
+import { Popover, Button } from '@strapi/design-system';
+import { Filter } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { FilterList } from '../../../../components/FilterList/FilterList.mjs';
+import { FilterPopover } from '../../../../components/FilterPopover/FilterPopover.mjs';
+import { displayedFilters } from '../../../../utils/displayedFilters.mjs';
+import 'byte-size';
+import 'date-fns';
+import 'qs';
+import '../../../../constants.mjs';
+import '../../../../utils/urlYupSchema.mjs';
+
+const Filters = ()=>{
+    const [open, setOpen] = React.useState(false);
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const [{ query }, setQuery] = useQueryParams();
+    const filters = query?.filters?.$and || [];
+    const handleRemoveFilter = (nextFilters)=>{
+        setQuery({
+            filters: {
+                $and: nextFilters
+            },
+            page: 1
+        });
+    };
+    const handleSubmit = (filters)=>{
+        trackUsage('didFilterMediaLibraryElements', {
+            location: 'content-manager',
+            filter: Object.keys(filters[filters.length - 1])[0]
+        });
+        setQuery({
+            filters: {
+                $and: filters
+            },
+            page: 1
+        });
+    };
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "tertiary",
+                    startIcon: /*#__PURE__*/ jsx(Filter, {}),
+                    size: "S",
+                    children: formatMessage({
+                        id: 'app.utils.filters',
+                        defaultMessage: 'Filters'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(FilterPopover, {
+                displayedFilters: displayedFilters,
+                filters: filters,
+                onSubmit: handleSubmit,
+                onToggle: setOpen
+            }),
+            /*#__PURE__*/ jsx(FilterList, {
+                appliedFilters: filters,
+                filtersSchema: displayedFilters,
+                onRemoveFilter: handleRemoveFilter
+            })
+        ]
+    });
+};
+
+export { Filters };
+//# sourceMappingURL=Filters.mjs.map

package/dist/admin/pages/App/MediaLibrary/components/Filters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.mjs","sources":["../../../../../../admin/src/pages/App/MediaLibrary/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../../components/FilterPopover/FilterPopover';\nimport { displayedFilters } from '../../../../utils';\n\nimport type { Query } from '../../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery({ filters: { $and: nextFilters }, page: 1 } as Query);\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery({ filters: { $and: filters }, page: 1 } as Query);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;MAeaA,OAAU,GAAA,IAAA;AACrB,IAAA,MAAM,CAACC,IAAMC,EAAAA,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAUH,GAAAA,KAAAA,EAAOG,OAASC,EAAAA,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;QAC7DL,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAME,EAAAA;AAAY,aAAA;YAAGC,IAAM,EAAA;AAAE,SAAA,CAAA;AACrD,KAAA;AAEA,IAAA,MAAMC,eAA+C,CAACL,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAiC,EAAA;YAC1CW,QAAU,EAAA,iBAAA;YACVC,MAAQC,EAAAA,MAAAA,CAAOC,IAAI,CAACT,OAAO,CAACA,OAAQU,CAAAA,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAE;AACrD,SAAA,CAAA;QACAZ,QAAS,CAAA;YAAEE,OAAS,EAAA;gBAAEC,IAAMD,EAAAA;AAAQ,aAAA;YAAGI,IAAM,EAAA;AAAE,SAAA,CAAA;AACjD,KAAA;IAEA,qBACEO,IAAA,CAACC,QAAQC,IAAI,EAAA;QAACxB,IAAMA,EAAAA,IAAAA;QAAMyB,YAAcxB,EAAAA,OAAAA;;AACtC,0BAAAyB,GAAA,CAACH,QAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,GAACE,CAAAA,MAAAA,EAAAA;oBAAOC,OAAQ,EAAA,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,GAACK,CAAAA,MAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAK,EAAA,GAAA;8BACpD5B,aAAc,CAAA;wBAAE6B,EAAI,EAAA,mBAAA;wBAAqBC,cAAgB,EAAA;AAAU,qBAAA;;;0BAGxER,GAACS,CAAAA,aAAAA,EAAAA;gBACCC,gBAAkBA,EAAAA,gBAAAA;gBAClBzB,OAASA,EAAAA,OAAAA;gBACT0B,QAAUrB,EAAAA,YAAAA;gBACVsB,QAAUrC,EAAAA;;0BAEZyB,GAACa,CAAAA,UAAAA,EAAAA;gBACCC,cAAgB7B,EAAAA,OAAAA;gBAChB8B,aAAeL,EAAAA,gBAAAA;gBACfM,cAAgB7B,EAAAA;;;;AAIxB;;;;"}