@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-integration.20261014184332

package/dist/index.js

@@ -30,95 +30,102 @@ import { default as default28 } from "./modules/multimedia/FileCard/FileCard.js"
 import { default as default29 } from "./components/Flex/Flex.js";
 import { default as default30 } from "./components/Form/FormControl.js";
 import { default as default31 } from "./components/Form/FormText.js";
-import { default as default32 } from "./components/Heading/Heading.js";
-import { default as default33 } from "./components/Button/IconButton.js";
-import { default as default34 } from "./components/Image/Image.js";
-import { default as default35 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default36 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default37 } from "./components/Input/Input.js";
-import { default as default38 } from "./components/Label/Label.js";
-import { default as default39 } from "./components/LinkPill/LinkPill.js";
-import { default as default40 } from "./components/Loading/Loading.js";
-import { default as default41 } from "./components/LoadingScreen/LoadingScreen.js";
-import { default as default42 } from "./components/Logo/Logo.js";
-import { default as default43 } from "./components/LogoBeta/LogoBeta.js";
-import { default as default44 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default45 } from "./components/MediaViewer/MediaViewer.js";
-import { default as default46 } from "./components/Modal/Modal.js";
-import { default as default47 } from "./components/ModalBeta/ModalBeta.js";
-import { default as default48 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default49 } from "./components/PageLayout/PageLayout.js";
-import { default as default50 } from "./components/PreventPropagation/PreventPropagation.js";
-import { default as default51, Root } from "./components/PromotionCard/PromotionCard.js";
-import { default as default52 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default53 } from "./components/Radio/Radio.js";
-import { default as default54 } from "./components/RadioCard/RadioCard.js";
-import { default as default55 } from "./components/SearchBar/SearchBar.js";
-import { default as default56 } from "./components/Button/SearchButton.js";
-import { default as default57 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default58 } from "./components/Select/Select.js";
-import { default as default59 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default60 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default61 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default62 } from "./components/Tree/components/SortableTree.js";
-import { default as default63 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default64 } from "./components/Stepper/Stepper.js";
-import { default as default65 } from "./components/Switch/Switch.js";
-import { default as default66 } from "./components/Table/components/Table.js";
-import { default as default67 } from "./components/TextArea/TextArea.js";
-import { default as default68 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default69 } from "./components/Tooltip/Tooltip.js";
-import { default as default70 } from "./components/Tree/components/Tree.js";
-import { default as default71 } from "./components/TreeView/TreeView.js";
-import { default as default72 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default73 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default74 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default75 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default76 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default77 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default78 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default79 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default80 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default81 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default82 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default83 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default84 } from "./hooks/useConversation/useConversation.js";
-import { default as default85 } from "./hooks/useDate/useDate.js";
-import { default as default86 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default87 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default88 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default89 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default90 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default91 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default92 } from "./hooks/useHover/useHover.js";
-import { default as default93 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default94 } from "./hooks/useImage/useImage.js";
-import { default as default95 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default96 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default97 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default98 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default99 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default100 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default101 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default102 } from "./hooks/usePublicConf/usePublicConf.js";
-import { default as default103 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default104 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default105 } from "./hooks/useTitle/useTitle.js";
-import { default as default106 } from "./hooks/useToast/useToast.js";
-import { default as default107 } from "./hooks/useToggle/useToggle.js";
-import { default as default108 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default109 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default110 } from "./hooks/useUiOverride/useUiOverride.js";
-import { default as default111 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default112 } from "./hooks/useUpload/useUpload.js";
-import { default as default113 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default114 } from "./hooks/useUser/useUser.js";
-import { default as default115 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default116 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default118 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default119 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default120 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default32 } from "./modules/multimedia/GoogleDrive/GoogleDrive.js";
+import { default as default33 } from "./modules/multimedia/FileCard/GoogleDriveFileCard.js";
+import { default as default34 } from "./components/Heading/Heading.js";
+import { default as default35 } from "./components/Button/IconButton.js";
+import { default as default36 } from "./components/Image/Image.js";
+import { default as default37 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default38 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default39 } from "./components/Input/Input.js";
+import { default as default40 } from "./components/Label/Label.js";
+import { default as default41 } from "./components/LinkPill/LinkPill.js";
+import { default as default42 } from "./components/Loading/Loading.js";
+import { default as default43 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default44 } from "./components/Logo/Logo.js";
+import { default as default45 } from "./components/LogoBeta/LogoBeta.js";
+import { default as default46 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default47 } from "./components/MediaViewer/MediaViewer.js";
+import { default as default48 } from "./components/Modal/Modal.js";
+import { default as default49 } from "./components/ModalBeta/ModalBeta.js";
+import { default as default50 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
+import { default as default51 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default52 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default53 } from "./components/PageLayout/PageLayout.js";
+import { default as default54 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default55, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default56 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default57 } from "./components/Radio/Radio.js";
+import { default as default58 } from "./components/RadioCard/RadioCard.js";
+import { default as default59 } from "./components/RadioTile/RadioTile.js";
+import { default as default60 } from "./components/SearchBar/SearchBar.js";
+import { default as default61 } from "./components/Button/SearchButton.js";
+import { default as default62 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default63 } from "./components/Select/Select.js";
+import { default as default64 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default65 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default66 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default67 } from "./components/Tree/components/SortableTree.js";
+import { default as default68 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default69 } from "./components/Stepper/Stepper.js";
+import { default as default70 } from "./components/Switch/Switch.js";
+import { default as default71 } from "./components/Table/components/Table.js";
+import { default as default72 } from "./components/TextArea/TextArea.js";
+import { default as default73 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default74 } from "./components/Tooltip/Tooltip.js";
+import { default as default75 } from "./components/Tree/components/Tree.js";
+import { default as default76 } from "./components/TreeView/TreeView.js";
+import { default as default77 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default78 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default79 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default80 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default81 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default82 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default83 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default84 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default85 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default86 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default87 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default88 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default89 } from "./hooks/useConversation/useConversation.js";
+import { default as default90 } from "./hooks/useDate/useDate.js";
+import { default as default91 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default92 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default93 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default94 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default95 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default96 } from "./hooks/useGoogleDriveSearch/useGoogleDriveSearch.js";
+import { default as default97 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default98 } from "./hooks/useHover/useHover.js";
+import { default as default99 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default100 } from "./hooks/useImage/useImage.js";
+import { default as default101 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default102 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default103 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default104 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default105 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default106 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default107 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default108 } from "./hooks/useNextcloudSearch/useNextcloudSearch.js";
+import { default as default109 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default110 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default111 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default112 } from "./hooks/useTitle/useTitle.js";
+import { default as default113 } from "./hooks/useToast/useToast.js";
+import { default as default114 } from "./hooks/useToggle/useToggle.js";
+import { default as default115 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default116 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default117 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default118 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default119 } from "./hooks/useUpload/useUpload.js";
+import { default as default120 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default121 } from "./hooks/useUser/useUser.js";
+import { default as default122 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default123 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default124 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default125 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default126 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default127 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -154,7 +161,7 @@ import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
-import { default as default121 } from "./hooks/useBackground/useBackground.js";
+import { default as default128 } from "./hooks/useBackground/useBackground.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
@@ -163,7 +170,7 @@ import { useOverlay } from "./components/PageLayout/hook/useOverlay.js";
 import { useScreeb } from "./hooks/useScreeb/useScreeb.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
-import { default as default122 } from "./hooks/useUserPreferences/useUserPreferences.js";
+import { default as default129 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -209,77 +216,82 @@ export {
   default29 as Flex,
   default30 as FormControl,
   default31 as FormText,
+  default32 as GoogleDrive,
+  default33 as GoogleDriveFileCard,
   Grid,
-  default32 as Heading,
-  default33 as IconButton,
-  default34 as Image,
-  default35 as ImageEditor,
-  default36 as ImagePicker,
-  default37 as Input,
+  default34 as Heading,
+  default35 as IconButton,
+  default36 as Image,
+  default37 as ImageEditor,
+  default38 as ImagePicker,
+  default39 as Input,
   InternalLinker,
-  default38 as Label,
+  default40 as Label,
   Layout,
-  default39 as LinkPill,
+  default41 as LinkPill,
   List,
-  default40 as Loading,
-  default41 as LoadingScreen,
-  default42 as Logo,
-  default43 as LogoBeta,
-  default44 as MediaLibrary,
-  default45 as MediaViewer,
+  default42 as Loading,
+  default43 as LoadingScreen,
+  default44 as Logo,
+  default45 as LogoBeta,
+  default46 as MediaLibrary,
+  default47 as MediaViewer,
   Menu,
   MockedProvider,
-  default46 as Modal,
-  default47 as ModalBeta,
-  default48 as OnboardingModal,
-  default49 as PageLayout,
+  default48 as Modal,
+  default49 as ModalBeta,
+  default50 as Nextcloud,
+  default51 as NextcloudFileCard,
+  default52 as OnboardingModal,
+  default53 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default50 as PreventPropagation,
-  default51 as PromotionCard,
-  default52 as PublishModal,
-  default53 as Radio,
-  default54 as RadioCard,
+  default54 as PreventPropagation,
+  default55 as PromotionCard,
+  default56 as PublishModal,
+  default57 as Radio,
+  default58 as RadioCard,
+  default59 as RadioTile,
   ResourceModal,
   Root,
-  default55 as SearchBar,
-  default56 as SearchButton,
-  default57 as SegmentedControl,
-  default58 as Select,
-  default59 as ShareBlog,
-  default60 as ShareModal,
-  default61 as ShareResources,
-  default62 as SortableTree,
-  default63 as StackedGroup,
-  default64 as Stepper,
-  default65 as Switch,
-  default66 as Table,
+  default60 as SearchBar,
+  default61 as SearchButton,
+  default62 as SegmentedControl,
+  default63 as Select,
+  default64 as ShareBlog,
+  default65 as ShareModal,
+  default66 as ShareResources,
+  default67 as SortableTree,
+  default68 as StackedGroup,
+  default69 as Stepper,
+  default70 as Switch,
+  default71 as Table,
   Tabs,
-  default67 as TextArea,
-  default68 as TextSkeleton,
+  default72 as TextArea,
+  default73 as TextSkeleton,
   Toolbar,
-  default69 as Tooltip,
-  default70 as Tree,
+  default74 as Tooltip,
+  default75 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default71 as TreeView,
+  default76 as TreeView,
   Upload,
-  default72 as UploadCard,
-  default73 as UploadFiles,
+  default77 as UploadCard,
+  default78 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default74 as VideoEmbed,
-  default75 as VideoRecorder,
+  default79 as VideoEmbed,
+  default80 as VideoRecorder,
   VisibleType,
-  default76 as VisuallyHidden,
+  default81 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default77 as Workspace,
-  default78 as WorkspaceFolders,
+  default82 as Workspace,
+  default83 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -310,59 +322,61 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default121 as useBackground,
-  default79 as useBookmark,
-  default80 as useBreakpoint,
-  default81 as useBrowserInfo,
-  default82 as useCantoo,
+  default128 as useBackground,
+  default84 as useBookmark,
+  default85 as useBreakpoint,
+  default86 as useBrowserInfo,
+  default87 as useCantoo,
   useCheckable,
-  default83 as useClickOutside,
-  default84 as useConversation,
-  default85 as useDate,
-  default86 as useDebounce,
-  default87 as useDirectory,
-  default88 as useDropdown,
-  default89 as useDropzone,
+  default88 as useClickOutside,
+  default89 as useConversation,
+  default90 as useDate,
+  default91 as useDebounce,
+  default92 as useDirectory,
+  default93 as useDropdown,
+  default94 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default90 as useEdificeIcons,
+  default95 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  default91 as useHasWorkflow,
-  default92 as useHover,
-  default93 as useHttpErrorToast,
-  default94 as useImage,
-  default95 as useInfiniteScroll,
-  default96 as useIsAdmc,
-  default97 as useIsAdml,
-  default98 as useIsAdmlcOrAdmc,
-  default99 as useKeyPress,
-  default100 as useLibraryUrl,
-  default101 as useMediaLibrary,
+  default96 as useGoogleDriveSearch,
+  default97 as useHasWorkflow,
+  default98 as useHover,
+  default99 as useHttpErrorToast,
+  default100 as useImage,
+  default101 as useInfiniteScroll,
+  default102 as useIsAdmc,
+  default103 as useIsAdml,
+  default104 as useIsAdmlcOrAdmc,
+  default105 as useKeyPress,
+  default106 as useLibraryUrl,
+  default107 as useMediaLibrary,
+  default108 as useNextcloudSearch,
   useOverlay,
   usePageLayout,
-  default102 as usePublicConf,
+  default109 as usePublicConf,
   useScreeb,
-  default103 as useScrollToTop,
-  default104 as useShareMutation,
-  default105 as useTitle,
-  default106 as useToast,
-  default107 as useToggle,
-  default108 as useTrapFocus,
-  default109 as useTrashedResource,
+  default110 as useScrollToTop,
+  default111 as useShareMutation,
+  default112 as useTitle,
+  default113 as useToast,
+  default114 as useToggle,
+  default115 as useTrapFocus,
+  default116 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default110 as useUiOverride,
-  default111 as useUpdateMutation,
-  default112 as useUpload,
-  default113 as useUploadFiles,
-  default114 as useUser,
-  default122 as useUserPreferences,
-  default115 as useWorkspaceFile,
-  default116 as useWorkspaceFolders,
-  default117 as useWorkspaceFoldersTree,
-  default118 as useWorkspaceSearch,
-  default119 as useXitiTrackPageLoad,
-  default120 as useZendeskGuide,
+  default117 as useUiOverride,
+  default118 as useUpdateMutation,
+  default119 as useUpload,
+  default120 as useUploadFiles,
+  default121 as useUser,
+  default129 as useUserPreferences,
+  default122 as useWorkspaceFile,
+  default123 as useWorkspaceFolders,
+  default124 as useWorkspaceFoldersTree,
+  default125 as useWorkspaceSearch,
+  default126 as useXitiTrackPageLoad,
+  default127 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/multimedia/FileCard/GoogleDriveFileCard.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { GoogleDriveDocument } from '@edifice.io/client';
+import { CardProps } from '../../../components/Card';
+export interface GoogleDriveFileCardProps extends CardProps {
+    doc: GoogleDriveDocument;
+    /**
+     * Id of the user who owns the Google Drive document, used to build the preview URL.
+     */
+    userId: string;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
+}
+declare const GoogleDriveFileCard: {
+    ({ doc, userId, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: GoogleDriveFileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default GoogleDriveFileCard;

package/dist/modules/multimedia/FileCard/GoogleDriveFileCard.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { DocumentHelper, odeServices } from "@edifice.io/client";
+import clsx from "clsx";
+import SvgIconLandscape from "../../icons/components/IconLandscape.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconTextPage from "../../icons/components/IconTextPage.js";
+import SvgIconVideo from "../../icons/components/IconVideo.js";
+import FileIcon from "./FileIcon.js";
+import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
+import Card from "../../../components/Card/Card.js";
+const roleMappings = {
+  csv: {
+    icon: ".CSV",
+    color: "bg-orange-200"
+  },
+  xls: {
+    icon: ".XLS",
+    color: "bg-green-200"
+  },
+  doc: {
+    icon: ".DOC",
+    color: "bg-blue-200"
+  },
+  txt: {
+    icon: ".TXT",
+    color: "bg-blue-200"
+  },
+  pdf: {
+    icon: ".PDF",
+    color: "bg-red-200"
+  },
+  audio: {
+    icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
+    color: "bg-red-200"
+  },
+  ppt: {
+    icon: ".PPT",
+    color: "bg-red-200"
+  },
+  img: {
+    icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
+    color: "bg-green-200"
+  },
+  video: {
+    icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
+    color: "bg-purple-200"
+  },
+  zip: {
+    icon: ".ZIP",
+    color: "bg-gray-300"
+  },
+  md: {
+    icon: ".MD",
+    color: "bg-blue-200"
+  },
+  unknown: {
+    icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: "bg-gray-300"
+  }
+};
+function getRoleMap(type, customIcon, customColor) {
+  return customIcon !== void 0 || customColor !== void 0 ? {
+    icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: customColor || "bg-gray-300",
+    hasShadow: !1
+  } : roleMappings[type] ?? roleMappings.unknown;
+}
+const GoogleDriveFileCard = ({
+  doc,
+  userId,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
+}) => {
+  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1), roleMap = getRoleMap(type ?? "unknown", customIcon, customColor), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.googledrive().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+    ref
+  }), imageStyles = hasThumbnail && {
+    backgroundImage: `url(${mediaSrc})`,
+    backgroundSize: "cover"
+  };
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
+      aspectRatio: "16/10",
+      ...imageStyles
+    }, children: type !== "img" || !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
+    ] })
+  ] }) });
+};
+export {
+  GoogleDriveFileCard as default
+};

package/dist/modules/multimedia/FileCard/NextcloudFileCard.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { NextcloudDocument } from '@edifice.io/client';
+import { CardProps } from '../../../components/Card';
+export interface NextcloudFileCardProps extends CardProps {
+    doc: NextcloudDocument;
+    /**
+     * Id of the user who owns the Nextcloud document, used to build the preview URL.
+     */
+    userId: string;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
+}
+declare const NextcloudFileCard: {
+    ({ doc, userId, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: NextcloudFileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NextcloudFileCard;