replace Divider by native one

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx

@@ -37,7 +37,7 @@ import { BlockNoteToolbar } from './BlockNoteToolBar/BlockNoteToolbar';
 import {
   AccessibleImageBlock,
   CalloutBlock,
-  //DividerBlock,
+  DividerBlock,
   PdfBlock,
   UploadLoaderBlock,
 } from './custom-blocks';
@@ -56,7 +56,7 @@ const baseBlockNoteSchema = withPageBreak(
       ...defaultBlockSpecs,
       callout: CalloutBlock(),
       codeBlock: createCodeBlockSpec(codeBlockOptions),
-      //divider: DividerBlock,
+      divider2: DividerBlock(),
       image: AccessibleImageBlock(),
       pdf: PdfBlock(),
       uploadLoader: UploadLoaderBlock(),

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteSuggestionMenu.tsx

@@ -17,7 +17,7 @@ import {
 
 import {
   getCalloutReactSlashMenuItems,
-  //getDividerReactSlashMenuItems,
+  getDividerReactSlashMenuItems,
   getPdfReactSlashMenuItems,
 } from './custom-blocks';
 import { useGetInterlinkingMenuItems } from './custom-inline-content';
@@ -59,7 +59,7 @@ export const BlockNoteSuggestionMenu = () => {
             getCalloutReactSlashMenuItems(editor, t, basicBlocksName),
             getMultiColumnSlashMenuItems?.(editor) || [],
             getPageBreakReactSlashMenuItems(editor),
-            //getDividerReactSlashMenuItems(editor, t, basicBlocksName),
+            getDividerReactSlashMenuItems(editor, t, basicBlocksName),
             getPdfReactSlashMenuItems(editor, t, fileBlocksName),
           ),
           query,

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DividerBlock.tsx

@@ -9,7 +9,7 @@ import { DocsBlockNoteEditor } from '../../types';
 
 export const DividerBlock = createReactBlockSpec(
   {
-    type: 'divider',
+    type: 'divider2',
     propSchema: {},
     content: 'none',
   },
@@ -40,7 +40,7 @@ export const getDividerReactSlashMenuItems = (
     title: t('Divider'),
     onItemClick: () => {
       insertOrUpdateBlock(editor, {
-        type: 'divider',
+        type: 'divider2',
       });
     },
     aliases: ['divider', 'hr', 'horizontal rule', 'line', 'separator'],

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -29,14 +29,13 @@ export const cssEditor = (readonly: boolean) => css`
       position: relative;
     }
 
-    .bn-side-menu .mantine-UnstyledButton-root svg {
-      color: #767676 !important;
-    }
-
     img.bn-visual-media[src*='-unsafe'] {
       pointer-events: none;
     }
 
+    /**
+     * Collaboration cursor styles
+     */
     .collaboration-cursor-custom__base {
       position: relative;
     }
@@ -87,28 +86,27 @@ export const cssEditor = (readonly: boolean) => css`
     .bn-side-menu[data-block-type='divider'] {
       height: 38px;
     }
+    .bn-side-menu .mantine-UnstyledButton-root svg {
+      color: #767676 !important;
+    }
 
     /**
      * Callout, Paragraph and Heading blocks
      */
     .bn-block {
       border-radius: var(--c--theme--spacings--3xs);
     }
-
     .bn-block-outer {
       border-radius: var(--c--theme--spacings--3xs);
     }
-
     .bn-block[data-background-color] > .bn-block-content {
       padding: var(--c--theme--spacings--3xs) var(--c--theme--spacings--3xs);
       border-radius: var(--c--theme--spacings--3xs);
     }
-
     .bn-block-content[data-content-type='checkListItem'][data-checked='true']
       .bn-inline-content {
       text-decoration: none;
     }
-
     h1 {
       font-size: 1.875rem;
     }
@@ -139,6 +137,13 @@ export const cssEditor = (readonly: boolean) => css`
       border-left: 4px solid var(--c--theme--colors--greyscale-300);
       font-style: italic;
     }
+
+    [data-content-type='divider'] hr {
+      background: #d3d2cf;
+      margin: 1rem 0;
+      width: 100%;
+      border: 1px solid #d3d2cf;
+    }
   }
 
   & .bn-block-outer:not(:first-child) {

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/dividerDocx.tsx

@@ -4,7 +4,7 @@ import { useCunninghamTheme } from '@/cunningham';
 
 import { DocsExporterDocx } from '../types';
 
-export const blockMappingDividerDocx: DocsExporterDocx['mappings']['blockMapping']['divider'] =
+export const blockMappingDividerDocx: DocsExporterDocx['mappings']['blockMapping']['divider2'] =
   () => {
     const { colorsTokens } = useCunninghamTheme.getState();
 

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/dividerPDF.tsx

@@ -4,7 +4,7 @@ import { useCunninghamTheme } from '@/cunningham';
 
 import { DocsExporterPDF } from '../types';
 
-export const blockMappingDividerPDF: DocsExporterPDF['mappings']['blockMapping']['divider'] =
+export const blockMappingDividerPDF: DocsExporterPDF['mappings']['blockMapping']['divider2'] =
   () => {
     const { colorsTokens } = useCunninghamTheme.getState();
 

src/frontend/apps/impress/src/features/docs/doc-export/mappingDocx.tsx

@@ -16,7 +16,7 @@ export const docxDocsSchemaMappings: DocsExporterDocx['mappings'] = {
   blockMapping: {
     ...docxDefaultSchemaMappings.blockMapping,
     callout: blockMappingCalloutDocx,
-    divider: blockMappingDividerDocx,
+    divider2: blockMappingDividerDocx,
     // We're using the file block mapping for PDF blocks
     // The types don't match exactly but the implementation is compatible
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/frontend/apps/impress/src/features/docs/doc-export/mappingPDF.tsx

@@ -21,7 +21,7 @@ export const pdfDocsSchemaMappings: DocsExporterPDF['mappings'] = {
     heading: blockMappingHeadingPDF,
     image: blockMappingImagePDF,
     paragraph: blockMappingParagraphPDF,
-    divider: blockMappingDividerPDF,
+    divider2: blockMappingDividerPDF,
     quote: blockMappingQuotePDF,
     table: blockMappingTablePDF,
     // We're using the file block mapping for PDF blocks