wip inherited access

Author: PanchoutNathan

Makefile

@@ -93,8 +93,7 @@ build: cache ?= --no-cache
 build: ## build the project containers
 	@$(MAKE) build-backend cache=$(cache)
 	@$(MAKE) build-yjs-provider cache=$(cache)
-	@$(MAKE) build-frontend cache=$(cache)
-.PHONY: build
+.PHONY: buildD
 
 build-backend: cache ?=
 build-backend: ## build the app-dev container
@@ -128,7 +127,6 @@ run-backend: ## Start only the backend application and all needed services
 run: ## start the wsgi (production) and development server
 run: 
 	@$(MAKE) run-backend
-	@$(COMPOSE) up --force-recreate -d frontend
 .PHONY: run
 
 status: ## an alias for "docker compose ps"

src/backend/core/migrations/0021_remove_document_is_public_and_more.py renamed to src/backend/core/migrations/0022_remove_document_is_public_and_more.py

@@ -5,7 +5,7 @@
 
 class Migration(migrations.Migration):
     dependencies = [
-        ("core", "0020_remove_is_public_add_field_attachments_and_duplicated_from"),
+        ("core", "0021_activate_unaccent_extension"),
     ]
 
     operations = [

src/frontend/apps/impress/src/components/quick-search/QuickSearchStyle.tsx

@@ -65,8 +65,7 @@ export const QuickSearchStyle = createGlobalStyle`
 
   [cmdk-list] {
   
-    padding: 0 var(--c--theme--spacings--base) var(--c--theme--spacings--base)
-      var(--c--theme--spacings--base);
+
   
     flex:1;
     overflow-y: auto;

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -193,7 +193,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
                 }}
                 size={isSmallMobile ? 'small' : 'medium'}
                 style={{
-                  color: colors['primary-800'],
+                  color: colorsTokens['primary-800'],
                 }}
               >
                 {t('Share')}

src/frontend/apps/impress/src/features/docs/doc-management/types.tsx

@@ -5,6 +5,7 @@ export interface Access {
   role: Role;
   team: string;
   user: User;
+  document_id: string;
   abilities: {
     destroy: boolean;
     partial_update: boolean;
@@ -23,8 +24,8 @@ export enum Role {
 
 export enum LinkReach {
   RESTRICTED = 'restricted',
-  PUBLIC = 'public',
   AUTHENTICATED = 'authenticated',
+  PUBLIC = 'public',
 }
 
 export enum LinkRole {
@@ -48,8 +49,13 @@ export interface Doc {
   link_role: LinkRole;
   nb_accesses_direct: number;
   nb_accesses_ancestors: number;
+  computed_link_reach: LinkReach;
+  computed_link_role?: LinkRole;
+  ancestors_link_reach: LinkReach;
+  ancestors_link_role?: LinkRole;
   numchild: number;
   updated_at: string;
+  user_role: Role;
   user_roles: Role[];
   abilities: {
     accesses_manage: boolean;
@@ -73,9 +79,16 @@ export interface Doc {
     versions_destroy: boolean;
     versions_list: boolean;
     versions_retrieve: boolean;
+    link_select_options: LinkSelectOption;
   };
 }
 
+export interface LinkSelectOption {
+  public?: LinkRole[];
+  authenticated?: LinkRole[];
+  restricted?: LinkRole[];
+}
+
 export enum DocDefaultFilter {
   ALL_DOCS = 'all_docs',
   MY_DOCS = 'my_docs',

src/frontend/apps/impress/src/features/docs/doc-share/api/useDocAccesses.tsx

@@ -16,7 +16,7 @@ export type DocAccessesParam = {
 };
 
 export type DocAccessesAPIParams = DocAccessesParam & {
-  page: number;
+  page?: number;
 };
 
 type AccessesResponse = APIList<Access>;
@@ -25,7 +25,7 @@ export const getDocAccesses = async ({
   page,
   docId,
   ordering,
-}: DocAccessesAPIParams): Promise<AccessesResponse> => {
+}: DocAccessesAPIParams): Promise<Access[]> => {
   let url = `documents/${docId}/accesses/?page=${page}`;
 
   if (ordering) {
@@ -41,16 +41,16 @@ export const getDocAccesses = async ({
     );
   }
 
-  return response.json() as Promise<AccessesResponse>;
+  return (await response.json()) as Access[];
 };
 
 export const KEY_LIST_DOC_ACCESSES = 'docs-accesses';
 
 export function useDocAccesses(
   params: DocAccessesAPIParams,
-  queryConfig?: UseQueryOptions<AccessesResponse, APIError, AccessesResponse>,
+  queryConfig?: UseQueryOptions<Access[], APIError, Access[]>,
 ) {
-  return useQuery<AccessesResponse, APIError, AccessesResponse>({
+  return useQuery<Access[], APIError, Access[]>({
     queryKey: [KEY_LIST_DOC_ACCESSES, params],
     queryFn: () => getDocAccesses(params),
     ...queryConfig,

src/frontend/apps/impress/src/features/docs/doc-share/assets/desynchro.svg

@@ -0,0 +1,132 @@
+import { Button, Modal, ModalSize, useModal } from '@openfun/cunningham-react';
+import { useTranslation } from 'react-i18next';
+import { createGlobalStyle } from 'styled-components';
+
+import { Box, Text } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
+
+import { Access, useDoc } from '../../doc-management';
+import SimpleFileIcon from '../../docs-grid/assets/simple-document.svg';
+
+import { DocShareMemberItem } from './DocShareMemberItem';
+const ShareModalStyle = createGlobalStyle`
+  .c__modal__title {
+    padding-bottom: 0 !important;
+  }
+  .c__modal__scroller {
+    padding: 15px 15px !important;
+  }
+`;
+
+type Props = {
+  accesses: Map<string, Access[]>;
+};
+
+export const DocInheritedShareContent = ({ accesses }: Props) => {
+  const { t } = useTranslation();
+  const { spacingsTokens } = useCunninghamTheme();
+
+  // Check if accesses map is empty
+  const hasAccesses = accesses.size > 0;
+
+  if (!hasAccesses) {
+    return null;
+  }
+
+  return (
+    <Box $gap={spacingsTokens.sm}>
+      <Box
+        $gap={spacingsTokens.sm}
+        $padding={{
+          horizontal: spacingsTokens.base,
+          vertical: spacingsTokens.sm,
+          bottom: '0px',
+        }}
+      >
+        <Text $variation="1000" $weight="bold" $size="sm">
+          {t('Inherited share')}
+        </Text>
+
+        {Array.from(accesses.keys()).map((documentId) => (
+          <DocInheritedShareContentItem
+            key={documentId}
+            accesses={accesses.get(documentId) ?? []}
+            document_id={documentId}
+          />
+        ))}
+      </Box>
+    </Box>
+  );
+};
+
+type DocInheritedShareContentItemProps = {
+  accesses: Access[];
+  document_id: string;
+};
+export const DocInheritedShareContentItem = ({
+  accesses,
+  document_id,
+}: DocInheritedShareContentItemProps) => {
+  const { t } = useTranslation();
+  const { spacingsTokens } = useCunninghamTheme();
+  const { data: doc } = useDoc({ id: document_id });
+  const accessModal = useModal();
+
+  if (!doc) {
+    return null;
+  }
+
+  return (
+    <>
+      <Box
+        $gap={spacingsTokens.sm}
+        $width="100%"
+        $direction="row"
+        $align="center"
+        $justify="space-between"
+      >
+        <Box $direction="row" $align="center" $gap={spacingsTokens.sm}>
+          <SimpleFileIcon />
+          <Box>
+            <Text $variation="1000" $weight="bold" $size="sm">
+              {doc.title ?? t('Untitled document')}
+            </Text>
+            <Text $variation="600" $weight="400" $size="xs">
+              {t('Members of this page have access')}
+            </Text>
+          </Box>
+        </Box>
+        <Button color="primary-text" size="small" onClick={accessModal.open}>
+          {t('See access')}
+        </Button>
+      </Box>
+      {accessModal.isOpen && (
+        <Modal
+          isOpen
+          closeOnClickOutside
+          onClose={accessModal.close}
+          title={
+            <Box $align="flex-start">
+              <Text $variation="1000" $weight="bold" $size="sm">
+                {t('Access inherited from the parent page')}
+              </Text>
+            </Box>
+          }
+          size={ModalSize.MEDIUM}
+        >
+          <ShareModalStyle />
+          <Box $padding={{ top: spacingsTokens.sm }}>
+            {accesses.map((access) => (
+              <DocShareMemberItem
+                key={access.id}
+                doc={doc}
+                access={access}
+                isInherited
+              />
+            ))}
+          </Box>
+        </Modal>
+      )}
+    </>
+  );
+};

src/frontend/apps/impress/src/features/docs/doc-share/assets/undo.svg

@@ -21,8 +21,13 @@ import { SearchUserRow } from './SearchUserRow';
 type Props = {
   doc: Doc;
   access: Access;
+  isInherited?: boolean;
 };
-export const DocShareMemberItem = ({ doc, access }: Props) => {
+export const DocShareMemberItem = ({
+  doc,
+  access,
+  isInherited = false,
+}: Props) => {
   const { t } = useTranslation();
   const queryClient = useQueryClient();
   const { isLastOwner, isOtherOwner } = useWhoAmI(access);
@@ -84,6 +89,8 @@ export const DocShareMemberItem = ({ doc, access }: Props) => {
     },
   ];
 
+  const canUpdate = isInherited ? false : doc.abilities.accesses_manage;
+
   return (
     <Box
       $width="100%"
@@ -98,12 +105,12 @@ export const DocShareMemberItem = ({ doc, access }: Props) => {
             <DocRoleDropdown
               currentRole={access.role}
               onSelectRole={onUpdate}
-              canUpdate={doc.abilities.accesses_manage}
+              canUpdate={canUpdate}
               message={message}
               rolesAllowed={access.abilities.set_role_to}
             />
 
-            {isDesktop && doc.abilities.accesses_manage && (
+            {isDesktop && canUpdate && (
               <DropdownMenu options={moreActions}>
                 <IconOptions
                   isHorizontal