@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/components/AssetDialog/AssetDialog.mjs

@@ -0,0 +1,299 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Page } from '@strapi/admin/strapi-admin';
+import { Flex, Tabs, Modal, Loader, Badge, Button, Divider } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { useAssets } from '../../hooks/useAssets.mjs';
+import { useFolders } from '../../hooks/useFolders.mjs';
+import { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions.mjs';
+import { useModalQueryParams } from '../../hooks/useModalQueryParams.mjs';
+import { useSelectionState } from '../../hooks/useSelectionState.mjs';
+import { containsAssetFilter } from '../../utils/containsAssetFilter.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getAllowedFiles } from '../../utils/getAllowedFiles.mjs';
+import { getTrad } from '../../utils/getTrad.mjs';
+import 'qs';
+import { moveElement } from '../../utils/moveElement.mjs';
+import '../../constants.mjs';
+import '../../utils/urlYupSchema.mjs';
+import { EditAssetContent } from '../EditAssetDialog/EditAssetContent.mjs';
+import { EditFolderContent } from '../EditFolderDialog/EditFolderDialog.mjs';
+import { BrowseStep } from './BrowseStep/BrowseStep.mjs';
+import { DialogFooter } from './DialogFooter.mjs';
+import { SelectedStep } from './SelectedStep/SelectedStep.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const LoadingBody = styled(Flex)`
+  /* 80px are coming from the Tabs component that is not included in the ModalBody */
+  min-height: ${()=>`calc(60vh + 8rem)`};
+`;
+const AssetContent = ({ allowedTypes = [], folderId = null, onClose, onAddAsset, onAddFolder, onChangeFolder, onValidate, multiple = false, initiallySelectedAssets = [], trackedLocation })=>{
+    const [assetToEdit, setAssetToEdit] = React.useState(undefined);
+    const [folderToEdit, setFolderToEdit] = React.useState(undefined);
+    const { formatMessage } = useIntl();
+    const { canRead, canCreate, isLoading: isLoadingPermissions, canUpdate, canCopyLink, canDownload } = useMediaLibraryPermissions();
+    const [{ queryObject }, { onChangeFilters, onChangePage, onChangePageSize, onChangeSort, onChangeSearch, onChangeFolder: onChangeFolderParam }] = useModalQueryParams({
+        folder: folderId
+    });
+    const { data: { pagination, results: assets } = {}, isLoading: isLoadingAssets, error: errorAssets } = useAssets({
+        skipWhen: !canRead,
+        query: queryObject
+    });
+    const { data: folders, isLoading: isLoadingFolders, error: errorFolders } = useFolders({
+        enabled: canRead && !containsAssetFilter(queryObject) && pagination?.page === 1,
+        query: queryObject
+    });
+    const [selectedAssets, { selectOne, selectOnly, setSelections, selectMultiple, deselectMultiple }] = useSelectionState([
+        'id'
+    ], initiallySelectedAssets);
+    const handleSelectAllAssets = ()=>{
+        const allowedAssets = getAllowedFiles(allowedTypes, assets);
+        if (!multiple) {
+            return undefined;
+        }
+        // selected files in current folder
+        const alreadySelected = allowedAssets.filter((asset)=>selectedAssets.findIndex((selectedAsset)=>selectedAsset.id === asset.id) !== -1);
+        if (alreadySelected.length > 0) {
+            deselectMultiple(alreadySelected);
+        } else {
+            selectMultiple(allowedAssets);
+        }
+    };
+    const handleSelectAsset = (asset)=>{
+        return multiple ? selectOne(asset) : selectOnly(asset);
+    };
+    const isLoading = isLoadingPermissions || isLoadingAssets || isLoadingFolders;
+    const hasError = errorAssets || errorFolders;
+    if (isLoading) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Modal.Title, {
+                        children: formatMessage({
+                            id: getTrad('header.actions.add-assets'),
+                            defaultMessage: 'Add new assets'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(LoadingBody, {
+                    justifyContent: "center",
+                    paddingTop: 4,
+                    paddingBottom: 4,
+                    children: /*#__PURE__*/ jsx(Loader, {
+                        children: formatMessage({
+                            id: getTrad('content.isLoading'),
+                            defaultMessage: 'Content is loading.'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(DialogFooter, {
+                    onClose: onClose
+                })
+            ]
+        });
+    }
+    if (hasError) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Modal.Title, {
+                        children: formatMessage({
+                            id: getTrad('header.actions.add-assets'),
+                            defaultMessage: 'Add new assets'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(Page.Error, {}),
+                /*#__PURE__*/ jsx(DialogFooter, {
+                    onClose: onClose
+                })
+            ]
+        });
+    }
+    if (!canRead) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Modal.Title, {
+                        children: formatMessage({
+                            id: getTrad('header.actions.add-assets'),
+                            defaultMessage: 'Add new assets'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(Page.NoPermissions, {}),
+                /*#__PURE__*/ jsx(DialogFooter, {
+                    onClose: onClose
+                })
+            ]
+        });
+    }
+    if (assetToEdit) {
+        return /*#__PURE__*/ jsx(EditAssetContent, {
+            onClose: ()=>setAssetToEdit(undefined),
+            asset: assetToEdit,
+            canUpdate: canUpdate,
+            canCopyLink: canCopyLink,
+            canDownload: canDownload,
+            trackedLocation: trackedLocation
+        });
+    }
+    if (folderToEdit) {
+        return /*#__PURE__*/ jsx(EditFolderContent, {
+            folder: folderToEdit,
+            onClose: ()=>setFolderToEdit(undefined),
+            location: "content-manager",
+            parentFolderId: queryObject?.folder
+        });
+    }
+    const handleMoveItem = (hoverIndex, destIndex)=>{
+        const offset = destIndex - hoverIndex;
+        const orderedAssetsClone = selectedAssets.slice();
+        const nextAssets = moveElement(orderedAssetsClone, hoverIndex, offset);
+        setSelections(nextAssets);
+    };
+    const handleFolderChange = (folderId, folderPath)=>{
+        onChangeFolder(folderId);
+        if (onChangeFolderParam) {
+            onChangeFolderParam(folderId, folderPath);
+        }
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Modal.Header, {
+                children: /*#__PURE__*/ jsx(Modal.Title, {
+                    children: formatMessage({
+                        id: getTrad('header.actions.add-assets'),
+                        defaultMessage: 'Add new assets'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(TabsRoot, {
+                variant: "simple",
+                defaultValue: selectedAssets.length > 0 ? 'selected' : 'browse',
+                children: [
+                    /*#__PURE__*/ jsxs(Flex, {
+                        paddingLeft: 8,
+                        paddingRight: 8,
+                        paddingTop: 6,
+                        justifyContent: "space-between",
+                        children: [
+                            /*#__PURE__*/ jsxs(Tabs.List, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Tabs.Trigger, {
+                                        value: "browse",
+                                        children: formatMessage({
+                                            id: getTrad('modal.nav.browse'),
+                                            defaultMessage: 'Browse'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(Tabs.Trigger, {
+                                        value: "selected",
+                                        children: [
+                                            formatMessage({
+                                                id: getTrad('modal.header.select-files'),
+                                                defaultMessage: 'Selected files'
+                                            }),
+                                            /*#__PURE__*/ jsx(Badge, {
+                                                marginLeft: 2,
+                                                children: selectedAssets.length
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsx(Button, {
+                                        variant: "secondary",
+                                        onClick: ()=>onAddFolder({
+                                                folderId: queryObject?.folder
+                                            }),
+                                        children: formatMessage({
+                                            id: getTrad('modal.upload-list.sub-header.add-folder'),
+                                            defaultMessage: 'Add folder'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        onClick: ()=>onAddAsset({
+                                                folderId: queryObject?.folder
+                                            }),
+                                        children: formatMessage({
+                                            id: getTrad('modal.upload-list.sub-header.button'),
+                                            defaultMessage: 'Add more assets'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Divider, {}),
+                    /*#__PURE__*/ jsxs(Modal.Body, {
+                        children: [
+                            /*#__PURE__*/ jsx(Tabs.Content, {
+                                value: "browse",
+                                children: /*#__PURE__*/ jsx(BrowseStep, {
+                                    allowedTypes: allowedTypes,
+                                    assets: assets,
+                                    canCreate: canCreate,
+                                    canRead: canRead,
+                                    folders: folders,
+                                    onSelectAsset: handleSelectAsset,
+                                    selectedAssets: selectedAssets,
+                                    multiple: multiple,
+                                    onSelectAllAsset: handleSelectAllAssets,
+                                    onEditAsset: setAssetToEdit,
+                                    onEditFolder: setFolderToEdit,
+                                    pagination: pagination,
+                                    queryObject: queryObject,
+                                    onAddAsset: onAddAsset,
+                                    onChangeFilters: (filters)=>onChangeFilters(filters),
+                                    onChangeFolder: handleFolderChange,
+                                    onChangePage: onChangePage,
+                                    onChangePageSize: onChangePageSize,
+                                    onChangeSort: (sort)=>onChangeSort(sort),
+                                    onChangeSearch: onChangeSearch
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tabs.Content, {
+                                value: "selected",
+                                children: /*#__PURE__*/ jsx(SelectedStep, {
+                                    selectedAssets: selectedAssets,
+                                    onSelectAsset: handleSelectAsset,
+                                    onReorderAsset: handleMoveItem
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(DialogFooter, {
+                onClose: onClose,
+                onValidate: ()=>onValidate(selectedAssets)
+            })
+        ]
+    });
+};
+const AssetDialog = ({ open = false, onClose, ...restProps })=>{
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: open,
+        onOpenChange: onClose,
+        children: /*#__PURE__*/ jsx(Modal.Content, {
+            children: /*#__PURE__*/ jsx(AssetContent, {
+                onClose: onClose,
+                ...restProps
+            })
+        })
+    });
+};
+const TabsRoot = styled(Tabs.Root)`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;
+
+export { AssetContent, AssetDialog };
+//# sourceMappingURL=AssetDialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDialog.mjs","sources":["../../../../admin/src/components/AssetDialog/AssetDialog.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 } from '@strapi/admin/strapi-admin';\nimport { Badge, Button, Divider, Flex, Loader, Modal, Tabs } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useAssets } from '../../hooks/useAssets';\nimport { useFolders } from '../../hooks/useFolders';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useModalQueryParams } from '../../hooks/useModalQueryParams';\nimport { useSelectionState } from '../../hooks/useSelectionState';\nimport {\n  containsAssetFilter,\n  getTrad,\n  getAllowedFiles,\n  moveElement,\n  AllowedFiles,\n} from '../../utils';\nimport { EditAssetContent, Asset as EditAsset } from '../EditAssetDialog/EditAssetContent';\nimport { EditFolderContent } from '../EditFolderDialog/EditFolderDialog';\n\nimport {\n  BrowseStep,\n  FolderWithType,\n  FileWithType,\n  Filter as BrowseFilter,\n} from './BrowseStep/BrowseStep';\nimport { DialogFooter } from './DialogFooter';\nimport { SelectedStep } from './SelectedStep/SelectedStep';\n\nimport type { File as Asset, FilterCondition, Query } from '../../../../shared/contracts/files';\nimport type { Folder, FolderDefinition } from '../../../../shared/contracts/folders';\nimport type { AllowedTypes } from '../AssetCard/AssetCard';\n\nconst LoadingBody = styled(Flex)`\n  /* 80px are coming from the Tabs component that is not included in the ModalBody */\n  min-height: ${() => `calc(60vh + 8rem)`};\n`;\n\nexport interface FileRow extends Asset {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\nexport interface FolderRow extends Folder {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\ninterface AssetContentProps {\n  allowedTypes?: AllowedTypes[];\n  folderId?: number | null;\n  onClose: () => void;\n  onAddAsset: (arg?: { folderId: number | { id: number } | null | undefined }) => void;\n  onAddFolder: ({ folderId }: { folderId: number | { id: number } | null | undefined }) => void;\n  onChangeFolder: (folderId: number | null) => void;\n  onValidate: (selectedAssets: Asset[]) => void;\n  multiple?: boolean;\n  trackedLocation?: string;\n  initiallySelectedAssets?: Asset[];\n}\n\nexport const AssetContent = ({\n  allowedTypes = [],\n  folderId = null,\n  onClose,\n  onAddAsset,\n  onAddFolder,\n  onChangeFolder,\n  onValidate,\n  multiple = false,\n  initiallySelectedAssets = [],\n  trackedLocation,\n}: AssetContentProps) => {\n  const [assetToEdit, setAssetToEdit] = React.useState<FileWithType | undefined>(undefined);\n  const [folderToEdit, setFolderToEdit] = React.useState<FolderRow | undefined>(undefined);\n  const { formatMessage } = useIntl();\n  const {\n    canRead,\n    canCreate,\n    isLoading: isLoadingPermissions,\n    canUpdate,\n    canCopyLink,\n    canDownload,\n  } = useMediaLibraryPermissions();\n\n  const [\n    { queryObject },\n    {\n      onChangeFilters,\n      onChangePage,\n      onChangePageSize,\n      onChangeSort,\n      onChangeSearch,\n      onChangeFolder: onChangeFolderParam,\n    },\n  ] = useModalQueryParams({ folder: folderId });\n\n  const {\n    data: { pagination, results: assets } = {},\n    isLoading: isLoadingAssets,\n    error: errorAssets,\n  } = useAssets({ skipWhen: !canRead, query: queryObject });\n\n  const {\n    data: folders,\n    isLoading: isLoadingFolders,\n    error: errorFolders,\n  } = useFolders({\n    enabled: canRead && !containsAssetFilter(queryObject!) && pagination?.page === 1,\n    query: queryObject,\n  });\n\n  const [\n    selectedAssets,\n    { selectOne, selectOnly, setSelections, selectMultiple, deselectMultiple },\n  ] = useSelectionState(['id'], initiallySelectedAssets);\n\n  const handleSelectAllAssets = () => {\n    const allowedAssets = getAllowedFiles(allowedTypes, assets as AllowedFiles[]);\n\n    if (!multiple) {\n      return undefined;\n    }\n\n    // selected files in current folder\n    const alreadySelected = allowedAssets.filter(\n      (asset) => selectedAssets.findIndex((selectedAsset) => selectedAsset.id === asset.id) !== -1\n    );\n\n    if (alreadySelected.length > 0) {\n      deselectMultiple(alreadySelected);\n    } else {\n      selectMultiple(allowedAssets);\n    }\n  };\n\n  const handleSelectAsset = (asset: Asset | FileRow | FolderRow) => {\n    return multiple ? selectOne(asset as Asset) : selectOnly(asset as Asset);\n  };\n\n  const isLoading = isLoadingPermissions || isLoadingAssets || isLoadingFolders;\n  const hasError = errorAssets || errorFolders;\n\n  if (isLoading) {\n    return (\n      <>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: getTrad('header.actions.add-assets'),\n              defaultMessage: 'Add new assets',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <LoadingBody justifyContent=\"center\" paddingTop={4} paddingBottom={4}>\n          <Loader>\n            {formatMessage({\n              id: getTrad('content.isLoading'),\n              defaultMessage: 'Content is loading.',\n            })}\n          </Loader>\n        </LoadingBody>\n        <DialogFooter onClose={onClose} />\n      </>\n    );\n  }\n\n  if (hasError) {\n    return (\n      <>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: getTrad('header.actions.add-assets'),\n              defaultMessage: 'Add new assets',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Page.Error />\n        <DialogFooter onClose={onClose} />\n      </>\n    );\n  }\n\n  if (!canRead) {\n    return (\n      <>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: getTrad('header.actions.add-assets'),\n              defaultMessage: 'Add new assets',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Page.NoPermissions />\n        <DialogFooter onClose={onClose} />\n      </>\n    );\n  }\n\n  if (assetToEdit) {\n    return (\n      <EditAssetContent\n        onClose={() => setAssetToEdit(undefined)}\n        asset={assetToEdit as EditAsset}\n        canUpdate={canUpdate}\n        canCopyLink={canCopyLink}\n        canDownload={canDownload}\n        trackedLocation={trackedLocation}\n      />\n    );\n  }\n\n  if (folderToEdit) {\n    return (\n      <EditFolderContent\n        folder={folderToEdit as FolderDefinition}\n        onClose={() => setFolderToEdit(undefined)}\n        location=\"content-manager\"\n        parentFolderId={queryObject?.folder as string | number | null | undefined}\n      />\n    );\n  }\n\n  const handleMoveItem = (hoverIndex: number, destIndex: number) => {\n    const offset = destIndex - hoverIndex;\n    const orderedAssetsClone = selectedAssets.slice();\n    const nextAssets = moveElement<Asset>(orderedAssetsClone, hoverIndex, offset);\n    setSelections(nextAssets);\n  };\n\n  const handleFolderChange = (folderId: number, folderPath?: string) => {\n    onChangeFolder(folderId);\n    if (onChangeFolderParam) {\n      onChangeFolderParam(folderId, folderPath);\n    }\n  };\n\n  return (\n    <>\n      <Modal.Header>\n        <Modal.Title>\n          {formatMessage({\n            id: getTrad('header.actions.add-assets'),\n            defaultMessage: 'Add new assets',\n          })}\n        </Modal.Title>\n      </Modal.Header>\n\n      <TabsRoot variant=\"simple\" defaultValue={selectedAssets.length > 0 ? 'selected' : 'browse'}>\n        <Flex paddingLeft={8} paddingRight={8} paddingTop={6} justifyContent=\"space-between\">\n          <Tabs.List>\n            <Tabs.Trigger value=\"browse\">\n              {formatMessage({\n                id: getTrad('modal.nav.browse'),\n                defaultMessage: 'Browse',\n              })}\n            </Tabs.Trigger>\n            <Tabs.Trigger value=\"selected\">\n              {formatMessage({\n                id: getTrad('modal.header.select-files'),\n                defaultMessage: 'Selected files',\n              })}\n              <Badge marginLeft={2}>{selectedAssets.length}</Badge>\n            </Tabs.Trigger>\n          </Tabs.List>\n          <Flex gap={2}>\n            <Button\n              variant=\"secondary\"\n              onClick={() => onAddFolder({ folderId: queryObject?.folder })}\n            >\n              {formatMessage({\n                id: getTrad('modal.upload-list.sub-header.add-folder'),\n                defaultMessage: 'Add folder',\n              })}\n            </Button>\n            <Button onClick={() => onAddAsset({ folderId: queryObject?.folder })}>\n              {formatMessage({\n                id: getTrad('modal.upload-list.sub-header.button'),\n                defaultMessage: 'Add more assets',\n              })}\n            </Button>\n          </Flex>\n        </Flex>\n        <Divider />\n        <Modal.Body>\n          <Tabs.Content value=\"browse\">\n            <BrowseStep\n              allowedTypes={allowedTypes}\n              assets={assets!}\n              canCreate={canCreate}\n              canRead={canRead}\n              folders={folders as FolderWithType[]}\n              onSelectAsset={handleSelectAsset}\n              selectedAssets={selectedAssets}\n              multiple={multiple}\n              onSelectAllAsset={handleSelectAllAssets}\n              onEditAsset={setAssetToEdit}\n              onEditFolder={setFolderToEdit}\n              pagination={pagination!}\n              queryObject={queryObject!}\n              onAddAsset={onAddAsset}\n              onChangeFilters={(filters: FilterCondition<string>[] | BrowseFilter[]) =>\n                onChangeFilters!(filters as FilterCondition<string>[])\n              }\n              onChangeFolder={handleFolderChange}\n              onChangePage={onChangePage!}\n              onChangePageSize={onChangePageSize!}\n              onChangeSort={(sort: string | undefined) => onChangeSort!(sort as Query['sort'])}\n              onChangeSearch={onChangeSearch!}\n            />\n          </Tabs.Content>\n          <Tabs.Content value=\"selected\">\n            <SelectedStep\n              selectedAssets={selectedAssets}\n              onSelectAsset={handleSelectAsset}\n              onReorderAsset={handleMoveItem}\n            />\n          </Tabs.Content>\n        </Modal.Body>\n      </TabsRoot>\n      <DialogFooter onClose={onClose} onValidate={() => onValidate(selectedAssets)} />\n    </>\n  );\n};\n\ninterface AssetDialogProps extends AssetContentProps {\n  open?: boolean;\n}\n\nexport const AssetDialog = ({ open = false, onClose, ...restProps }: AssetDialogProps) => {\n  return (\n    <Modal.Root open={open} onOpenChange={onClose}>\n      <Modal.Content>\n        <AssetContent onClose={onClose} {...restProps} />\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nconst TabsRoot = styled(Tabs.Root)`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n`;\n"],"names":["LoadingBody","styled","Flex","AssetContent","allowedTypes","folderId","onClose","onAddAsset","onAddFolder","onChangeFolder","onValidate","multiple","initiallySelectedAssets","trackedLocation","assetToEdit","setAssetToEdit","React","useState","undefined","folderToEdit","setFolderToEdit","formatMessage","useIntl","canRead","canCreate","isLoading","isLoadingPermissions","canUpdate","canCopyLink","canDownload","useMediaLibraryPermissions","queryObject","onChangeFilters","onChangePage","onChangePageSize","onChangeSort","onChangeSearch","onChangeFolderParam","useModalQueryParams","folder","data","pagination","results","assets","isLoadingAssets","error","errorAssets","useAssets","skipWhen","query","folders","isLoadingFolders","errorFolders","useFolders","enabled","containsAssetFilter","page","selectedAssets","selectOne","selectOnly","setSelections","selectMultiple","deselectMultiple","useSelectionState","handleSelectAllAssets","allowedAssets","getAllowedFiles","alreadySelected","filter","asset","findIndex","selectedAsset","id","length","handleSelectAsset","hasError","_jsxs","_Fragment","_jsx","Modal","Header","Title","getTrad","defaultMessage","justifyContent","paddingTop","paddingBottom","Loader","DialogFooter","Page","Error","NoPermissions","EditAssetContent","EditFolderContent","location","parentFolderId","handleMoveItem","hoverIndex","destIndex","offset","orderedAssetsClone","slice","nextAssets","moveElement","handleFolderChange","folderPath","TabsRoot","variant","defaultValue","paddingLeft","paddingRight","Tabs","List","Trigger","value","Badge","marginLeft","gap","Button","onClick","Divider","Body","Content","BrowseStep","onSelectAsset","onSelectAllAsset","onEditAsset","onEditFolder","filters","sort","SelectedStep","onReorderAsset","AssetDialog","open","restProps","Root","onOpenChange"],"mappings":"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"}