@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksContent.mjs

@@ -0,0 +1,533 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useIsMobile } from '@strapi/admin/strapi-admin';
+import { Box, Flex, IconButton, useComposedRefs } from '@strapi/design-system';
+import { Drag } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { Transforms, Editor, Range } from 'slate';
+import { Editable, ReactEditor } from 'slate-react';
+import { styled, css } from 'styled-components';
+import { ItemTypes } from '../../../../../constants/dragAndDrop.mjs';
+import { DIRECTIONS, useDragAndDrop } from '../../../../../hooks/useDragAndDrop.mjs';
+import { getTranslation } from '../../../../../utils/translations.mjs';
+import { decorateCode } from './Blocks/Code.mjs';
+import { useBlocksEditorContext } from './BlocksEditor.mjs';
+import { useConversionModal } from './BlocksToolbar.mjs';
+import { getEntries } from './utils/types.mjs';
+
+const StyledEditable = styled(Editable)`
+  // The outline style is set on the wrapper with :focus-within
+  outline: none;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme })=>theme.spaces[3]};
+  height: 100%;
+  // For fullscreen align input in the center with fixed width
+  width: ${(props)=>props.$isExpandedMode ? '512px' : '100%'};
+  margin: auto;
+  font-size: 1.6rem;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    font-size: 1.4rem;
+  }
+  > *:last-child {
+    padding-bottom: ${({ theme })=>theme.spaces[3]};
+  }
+`;
+const Wrapper = styled(Box)`
+  position: ${({ $isOverDropTarget })=>$isOverDropTarget && 'relative'};
+`;
+const DropPlaceholder = styled(Box)`
+  position: absolute;
+  right: 0;
+
+  // Show drop placeholder 8px above or below the drop target
+  ${({ dragDirection, theme, placeholderMargin })=>css`
+    top: ${dragDirection === DIRECTIONS.UPWARD && `-${theme.spaces[placeholderMargin]}`};
+    bottom: ${dragDirection === DIRECTIONS.DOWNWARD && `-${theme.spaces[placeholderMargin]}`};
+  `}
+`;
+const DragItem = styled(Flex)`
+  // Style each block rendered using renderElement()
+  & > [data-slate-node='element'] {
+    width: 100%;
+    opacity: inherit;
+  }
+
+  // Set the visibility of drag button
+  [role='button'] {
+    visibility: ${(props)=>props.$dragVisibility};
+    opacity: inherit;
+  }
+  &[aria-disabled='true'] {
+    user-drag: none;
+  }
+`;
+const DragIconButton = styled(IconButton)`
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  padding-left: ${({ theme })=>theme.spaces[0]};
+  padding-right: ${({ theme })=>theme.spaces[0]};
+  padding-top: ${({ theme })=>theme.spaces[1]};
+  padding-bottom: ${({ theme })=>theme.spaces[1]};
+  visibility: hidden;
+  cursor: grab;
+  opacity: inherit;
+  margin-top: ${(props)=>props.$dragHandleTopMargin ?? 0};
+
+  &:hover {
+    background: ${({ theme })=>theme.colors.neutral100};
+  }
+  &:active {
+    cursor: grabbing;
+    background: ${({ theme })=>theme.colors.neutral150};
+  }
+  &[aria-disabled='true'] {
+    visibility: hidden;
+  }
+  svg {
+    min-width: ${({ theme })=>theme.spaces[3]};
+
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+`;
+const DragAndDropElement = ({ children, index, setDragDirection, dragDirection, dragHandleTopMargin })=>{
+    const { editor, disabled, name: name1, setLiveText } = useBlocksEditorContext('DragAndDropElement');
+    const { formatMessage } = useIntl();
+    const [dragVisibility, setDragVisibility] = React.useState('hidden');
+    const isDragAndDropEnabled = !disabled;
+    const handleMoveBlock = React.useCallback((newIndex, currentIndex)=>{
+        Transforms.moveNodes(editor, {
+            at: currentIndex,
+            to: newIndex
+        });
+        // Add 1 to the index for the live text message
+        const currentIndexPosition = [
+            currentIndex[0] + 1,
+            ...currentIndex.slice(1)
+        ];
+        const newIndexPosition = [
+            newIndex[0] + 1,
+            ...newIndex.slice(1)
+        ];
+        setLiveText(formatMessage({
+            id: getTranslation('components.Blocks.dnd.reorder'),
+            defaultMessage: '{item}, moved. New position in the editor: {position}.'
+        }, {
+            item: `${name1}.${currentIndexPosition.join(',')}`,
+            position: `${newIndexPosition.join(',')} of ${editor.children.length}`
+        }));
+    }, [
+        editor,
+        formatMessage,
+        name1,
+        setLiveText
+    ]);
+    const [{ handlerId, isDragging, isOverDropTarget, direction }, blockRef, dropRef, dragRef] = useDragAndDrop(isDragAndDropEnabled, {
+        type: `${ItemTypes.BLOCKS}_${name1}`,
+        index,
+        item: {
+            index,
+            displayedValue: children
+        },
+        onDropItem (currentIndex, newIndex) {
+            if (newIndex) handleMoveBlock(newIndex, currentIndex);
+        }
+    });
+    const composedBoxRefs = useComposedRefs(blockRef, dropRef);
+    // Set Drag direction before loosing state while dragging
+    React.useEffect(()=>{
+        if (direction) {
+            setDragDirection(direction);
+        }
+    }, [
+        direction,
+        setDragDirection
+    ]);
+    // On selection change hide drag handle
+    React.useEffect(()=>{
+        setDragVisibility('hidden');
+    }, [
+        editor.selection
+    ]);
+    return /*#__PURE__*/ jsxs(Wrapper, {
+        ref: composedBoxRefs,
+        $isOverDropTarget: isOverDropTarget,
+        children: [
+            isOverDropTarget && /*#__PURE__*/ jsx(DropPlaceholder, {
+                borderStyle: "solid",
+                borderColor: "secondary200",
+                borderWidth: "2px",
+                width: "calc(100% - 24px)",
+                marginLeft: "auto",
+                dragDirection: dragDirection,
+                // For list items placeholder reduce the margin around
+                placeholderMargin: children.props.as && children.props.as === 'li' ? 1 : 2
+            }),
+            isDragging ? /*#__PURE__*/ jsx(CloneDragItem, {
+                dragHandleTopMargin: dragHandleTopMargin,
+                children: children
+            }) : /*#__PURE__*/ jsxs(DragItem, {
+                ref: dragRef,
+                "data-handler-id": handlerId,
+                gap: 2,
+                paddingLeft: 2,
+                alignItems: "start",
+                onDragStart: isDragAndDropEnabled ? (event)=>{
+                    const target = event.target;
+                    const currentTarget = event.currentTarget;
+                    // Dragging action should only trigger drag event when button is dragged, however update styles on the whole dragItem.
+                    if (target.getAttribute('role') !== 'button') {
+                        event.preventDefault();
+                    } else {
+                        // Setting styles using dragging state is not working, so set it on current target element as nodes get dragged
+                        currentTarget.style.opacity = '0.5';
+                    }
+                } : undefined,
+                onDragEnd: isDragAndDropEnabled ? (event)=>{
+                    const currentTarget = event.currentTarget;
+                    currentTarget.style.opacity = '1';
+                } : undefined,
+                onMouseEnter: ()=>setDragVisibility('visible'),
+                onFocusCapture: ()=>setDragVisibility('visible'),
+                onBlurCapture: ()=>setDragVisibility('hidden'),
+                onMouseLeave: ()=>setDragVisibility('hidden'),
+                "aria-disabled": disabled,
+                $dragVisibility: dragVisibility,
+                children: [
+                    /*#__PURE__*/ jsx(DragIconButton, {
+                        tag: "div",
+                        contentEditable: false,
+                        role: "button",
+                        tabIndex: 0,
+                        withTooltip: false,
+                        label: formatMessage({
+                            id: getTranslation('components.DragHandle-label'),
+                            defaultMessage: 'Drag'
+                        }),
+                        onClick: (e)=>e.stopPropagation(),
+                        "aria-disabled": disabled,
+                        disabled: disabled,
+                        draggable: isDragAndDropEnabled,
+                        // For some blocks top margin added to drag handle to align at the text level
+                        $dragHandleTopMargin: dragHandleTopMargin,
+                        children: /*#__PURE__*/ jsx(Drag, {
+                            color: "primary500"
+                        })
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+};
+// To prevent applying opacity to the original item being dragged, display a cloned element without opacity.
+const CloneDragItem = ({ children, dragHandleTopMargin })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(DragItem, {
+        gap: 2,
+        paddingLeft: 2,
+        alignItems: "start",
+        $dragVisibility: "visible",
+        children: [
+            /*#__PURE__*/ jsx(DragIconButton, {
+                tag: "div",
+                role: "button",
+                withTooltip: false,
+                label: formatMessage({
+                    id: getTranslation('components.DragHandle-label'),
+                    defaultMessage: 'Drag'
+                }),
+                $dragHandleTopMargin: dragHandleTopMargin,
+                children: /*#__PURE__*/ jsx(Drag, {
+                    color: "neutral600"
+                })
+            }),
+            children
+        ]
+    });
+};
+const baseRenderLeaf = (props, modifiers)=>{
+    // Recursively wrap the children for each active modifier
+    const wrappedChildren = getEntries(modifiers).reduce((currentChildren, modifierEntry)=>{
+        const [name1, modifier] = modifierEntry;
+        if (props.leaf[name1]) {
+            return modifier.renderLeaf(currentChildren);
+        }
+        return currentChildren;
+    }, props.children);
+    return /*#__PURE__*/ jsx("span", {
+        ...props.attributes,
+        className: props.leaf.className,
+        children: wrappedChildren
+    });
+};
+const baseRenderElement = ({ props, blocks, editor, dragDirection, setDragDirection, isMobile })=>{
+    const { element } = props;
+    const blockMatch = Object.values(blocks).find((block)=>block?.matchNode(element));
+    const block = blockMatch || blocks.paragraph;
+    if (!block) {
+        return /*#__PURE__*/ jsx(Fragment, {});
+    }
+    const nodePath = ReactEditor.findPath(editor, element);
+    const isDraggable = block.isDraggable?.(element) ?? true;
+    if (!isDraggable || isMobile) {
+        return block.renderElement(props);
+    }
+    return /*#__PURE__*/ jsx(DragAndDropElement, {
+        index: nodePath,
+        setDragDirection: setDragDirection,
+        dragDirection: dragDirection,
+        dragHandleTopMargin: block.dragHandleTopMargin,
+        children: block.renderElement(props)
+    });
+};
+const dragNoop = ()=>true;
+const BlocksContent = ({ placeholder, ariaLabelId })=>{
+    const { editor, disabled, blocks, modifiers, setLiveText, isExpandedMode, flushPendingFormSync } = useBlocksEditorContext('BlocksContent');
+    const isMobile = useIsMobile();
+    const blocksRef = React.useRef(null);
+    const { formatMessage } = useIntl();
+    const [dragDirection, setDragDirection] = React.useState(null);
+    const { modalElement, handleConversionResult } = useConversionModal();
+    // Create renderLeaf function based on the modifiers store
+    const renderLeaf = React.useCallback((props)=>baseRenderLeaf(props, modifiers), [
+        modifiers
+    ]);
+    const handleMoveBlocks = (editor, event)=>{
+        if (!editor.selection) return;
+        const start = Range.start(editor.selection);
+        const currentIndex = [
+            start.path[0]
+        ];
+        let newIndexPosition = 0;
+        if (event.key === 'ArrowUp') {
+            newIndexPosition = currentIndex[0] > 0 ? currentIndex[0] - 1 : currentIndex[0];
+        } else {
+            newIndexPosition = currentIndex[0] < editor.children.length - 1 ? currentIndex[0] + 1 : currentIndex[0];
+        }
+        const newIndex = [
+            newIndexPosition
+        ];
+        if (newIndexPosition !== currentIndex[0]) {
+            Transforms.moveNodes(editor, {
+                at: currentIndex,
+                to: newIndex
+            });
+            setLiveText(formatMessage({
+                id: getTranslation('components.Blocks.dnd.reorder'),
+                defaultMessage: '{item}, moved. New position in the editor: {position}.'
+            }, {
+                item: `${name}.${currentIndex[0] + 1}`,
+                position: `${newIndex[0] + 1} of ${editor.children.length}`
+            }));
+            event.preventDefault();
+        }
+    };
+    // Create renderElement function base on the blocks store
+    const renderElement = React.useCallback((props)=>baseRenderElement({
+            props,
+            blocks,
+            editor,
+            dragDirection,
+            setDragDirection,
+            isMobile
+        }), [
+        blocks,
+        editor,
+        dragDirection,
+        isMobile,
+        setDragDirection
+    ]);
+    const checkSnippet = (event)=>{
+        // Get current text block
+        if (!editor.selection) {
+            return;
+        }
+        const [textNode, textNodePath] = Editor.node(editor, editor.selection.anchor.path);
+        // Narrow the type to a text node
+        if (Editor.isEditor(textNode) || textNode.type !== 'text') {
+            return;
+        }
+        // Don't check for snippets if we're not at the start of a block
+        if (textNodePath.at(-1) !== 0) {
+            return;
+        }
+        // Check if the text node starts with a known snippet
+        const blockMatchingSnippet = Object.values(blocks).find((block)=>{
+            return block?.snippets?.includes(textNode.text);
+        });
+        if (blockMatchingSnippet?.handleConvert) {
+            // Prevent the space from being created and delete the snippet
+            event.preventDefault();
+            Transforms.delete(editor, {
+                distance: textNode.text.length,
+                unit: 'character',
+                reverse: true
+            });
+            // Convert the selected block
+            const maybeRenderModal = blockMatchingSnippet.handleConvert(editor);
+            handleConversionResult(maybeRenderModal);
+        }
+    };
+    const handleEnter = (event)=>{
+        if (!editor.selection) {
+            return;
+        }
+        const selectedNode = editor.children[editor.selection.anchor.path[0]];
+        const selectedBlock = Object.values(blocks).find((block)=>block?.matchNode(selectedNode));
+        if (!selectedBlock) {
+            return;
+        }
+        // Allow forced line breaks when shift is pressed
+        if (event.shiftKey && selectedNode.type !== 'image') {
+            Transforms.insertText(editor, '\n');
+            return;
+        }
+        // Check if there's an enter handler for the selected block
+        if (selectedBlock.handleEnterKey) {
+            selectedBlock.handleEnterKey(editor);
+        } else {
+            blocks.paragraph?.handleEnterKey(editor);
+        }
+    };
+    const handleBackspaceEvent = (event)=>{
+        if (!editor.selection) {
+            return;
+        }
+        const selectedNode = editor.children[editor.selection.anchor.path[0]];
+        const selectedBlock = Object.values(blocks).find((block)=>block?.matchNode(selectedNode));
+        if (!selectedBlock) {
+            return;
+        }
+        if (selectedBlock.handleBackspaceKey) {
+            selectedBlock.handleBackspaceKey(editor, event);
+        }
+    };
+    const handleTab = (event)=>{
+        if (!editor.selection) {
+            return;
+        }
+        const selectedNode = editor.children[editor.selection.anchor.path[0]];
+        const selectedBlock = Object.values(blocks).find((block)=>block?.matchNode(selectedNode));
+        if (!selectedBlock) {
+            return;
+        }
+        event.preventDefault();
+        if (event.shiftKey && selectedBlock.handleShiftTab) {
+            // Handle Shift+Tab (unindent)
+            selectedBlock.handleShiftTab(editor);
+        } else if (!event.shiftKey && selectedBlock.handleTab) {
+            // Handle Tab (indent)
+            selectedBlock.handleTab(editor);
+        }
+    };
+    const handleKeyboardShortcuts = (event)=>{
+        const isCtrlOrCmd = event.metaKey || event.ctrlKey;
+        if (isCtrlOrCmd) {
+            // Check if there's a modifier to toggle
+            Object.values(modifiers).forEach((value)=>{
+                if (value.isValidEventKey(event)) {
+                    event.preventDefault();
+                    value.handleToggle(editor);
+                    return;
+                }
+            });
+            if (event.shiftKey && [
+                'ArrowUp',
+                'ArrowDown'
+            ].includes(event.key)) {
+                handleMoveBlocks(editor, event);
+            }
+        }
+    };
+    const handleKeyDown = (event)=>{
+        // Find the right block-specific handlers for enter and backspace key presses
+        switch(event.key){
+            case 'Enter':
+                if (!event.nativeEvent.isComposing) {
+                    event.preventDefault();
+                    return handleEnter(event);
+                }
+                break;
+            case 'Backspace':
+                return handleBackspaceEvent(event);
+            case 'Tab':
+                return handleTab(event);
+            case 'Escape':
+                return ReactEditor.blur(editor);
+        }
+        handleKeyboardShortcuts(event);
+        // Check if a snippet was triggered
+        if (event.key === ' ') {
+            checkSnippet(event);
+        }
+    };
+    /**
+   *  scrollSelectionIntoView : Slate's default method to scroll a DOM selection into the view,
+   *  thats shifting layout for us when there is a overflowY:scroll on the viewport.
+   *  We are overriding it to check if the selection is not fully within the visible area of the editor,
+   *  we use scrollBy one line to the bottom
+   */ const handleScrollSelectionIntoView = React.useCallback(()=>{
+        if (!editor.selection || !blocksRef.current) {
+            return;
+        }
+        const domRange = ReactEditor.toDOMRange(editor, editor.selection);
+        const domRect = domRange.getBoundingClientRect();
+        const editorRect = blocksRef.current.getBoundingClientRect();
+        // Check if the selection is not fully within the visible area of the editor
+        if (domRect.top < editorRect.top || domRect.bottom > editorRect.bottom) {
+            // Scroll by one line to the bottom
+            blocksRef.current.scrollBy({
+                top: 28,
+                behavior: 'smooth'
+            });
+        }
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ jsxs(Box, {
+        ref: blocksRef,
+        grow: 1,
+        width: "100%",
+        overflow: "auto",
+        fontSize: 2,
+        background: "neutral0",
+        color: "neutral800",
+        lineHeight: 6,
+        paddingLeft: {
+            initial: 4,
+            medium: 0
+        },
+        paddingRight: 7,
+        paddingTop: 6,
+        paddingBottom: 3,
+        children: [
+            /*#__PURE__*/ jsx(StyledEditable, {
+                "aria-labelledby": ariaLabelId,
+                readOnly: disabled,
+                placeholder: placeholder,
+                $isExpandedMode: isExpandedMode,
+                decorate: decorateCode,
+                renderElement: renderElement,
+                renderLeaf: renderLeaf,
+                onKeyDown: handleKeyDown,
+                scrollSelectionIntoView: handleScrollSelectionIntoView,
+                onBlur: flushPendingFormSync,
+                // As we have our own handler to drag and drop the elements returing true will skip slate's own event handler
+                onDrop: dragNoop,
+                onDragStart: dragNoop
+            }),
+            modalElement
+        ]
+    });
+};
+
+export { BlocksContent };
+//# sourceMappingURL=BlocksContent.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocksContent.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksContent.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  BoxComponent,\r\n  Flex,\r\n  FlexComponent,\r\n  IconButton,\r\n  IconButtonComponent,\r\n  useComposedRefs,\r\n} from '@strapi/design-system';\r\nimport { Drag } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { Editor, Range, Transforms } from 'slate';\r\nimport { ReactEditor, type RenderElementProps, type RenderLeafProps, Editable } from 'slate-react';\r\nimport { styled, CSSProperties, css } from 'styled-components';\r\n\r\nimport { ItemTypes } from '../../../../../constants/dragAndDrop';\r\nimport { useDragAndDrop, DIRECTIONS } from '../../../../../hooks/useDragAndDrop';\r\nimport { getTranslation } from '../../../../../utils/translations';\r\n\r\nimport { decorateCode } from './Blocks/Code';\r\nimport { type BlocksStore, useBlocksEditorContext } from './BlocksEditor';\r\nimport { useConversionModal } from './BlocksToolbar';\r\nimport { type ModifiersStore } from './Modifiers';\r\nimport { getEntries } from './utils/types';\r\n\r\nconst StyledEditable = styled(Editable)<{ $isExpandedMode: boolean }>`\r\n  // The outline style is set on the wrapper with :focus-within\r\n  outline: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: ${({ theme }) => theme.spaces[3]};\r\n  height: 100%;\r\n  // For fullscreen align input in the center with fixed width\r\n  width: ${(props) => (props.$isExpandedMode ? '512px' : '100%')};\r\n  margin: auto;\r\n  font-size: 1.6rem;\r\n\r\n  ${({ theme }) => theme.breakpoints.medium} {\r\n    font-size: 1.4rem;\r\n  }\r\n  > *:last-child {\r\n    padding-bottom: ${({ theme }) => theme.spaces[3]};\r\n  }\r\n`;\r\n\r\nconst Wrapper = styled<BoxComponent>(Box)<{ $isOverDropTarget: boolean }>`\r\n  position: ${({ $isOverDropTarget }) => $isOverDropTarget && 'relative'};\r\n`;\r\n\r\ntype DragDirection = (typeof DIRECTIONS)[keyof typeof DIRECTIONS];\r\n\r\nconst DropPlaceholder = styled<BoxComponent>(Box)<{\r\n  dragDirection: DragDirection | null;\r\n  placeholderMargin: 1 | 2;\r\n}>`\r\n  position: absolute;\r\n  right: 0;\r\n\r\n  // Show drop placeholder 8px above or below the drop target\r\n  ${({ dragDirection, theme, placeholderMargin }) => css`\r\n    top: ${dragDirection === DIRECTIONS.UPWARD && `-${theme.spaces[placeholderMargin]}`};\r\n    bottom: ${dragDirection === DIRECTIONS.DOWNWARD && `-${theme.spaces[placeholderMargin]}`};\r\n  `}\r\n`;\r\n\r\nconst DragItem = styled<FlexComponent>(Flex)<{ $dragVisibility: CSSProperties['visibility'] }>`\r\n  // Style each block rendered using renderElement()\r\n  & > [data-slate-node='element'] {\r\n    width: 100%;\r\n    opacity: inherit;\r\n  }\r\n\r\n  // Set the visibility of drag button\r\n  [role='button'] {\r\n    visibility: ${(props) => props.$dragVisibility};\r\n    opacity: inherit;\r\n  }\r\n  &[aria-disabled='true'] {\r\n    user-drag: none;\r\n  }\r\n`;\r\n\r\nconst DragIconButton = styled<IconButtonComponent<'div'>>(IconButton)<{\r\n  $dragHandleTopMargin?: CSSProperties['marginTop'];\r\n}>`\r\n  user-select: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n  padding-left: ${({ theme }) => theme.spaces[0]};\r\n  padding-right: ${({ theme }) => theme.spaces[0]};\r\n  padding-top: ${({ theme }) => theme.spaces[1]};\r\n  padding-bottom: ${({ theme }) => theme.spaces[1]};\r\n  visibility: hidden;\r\n  cursor: grab;\r\n  opacity: inherit;\r\n  margin-top: ${(props) => props.$dragHandleTopMargin ?? 0};\r\n\r\n  &:hover {\r\n    background: ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n  &:active {\r\n    cursor: grabbing;\r\n    background: ${({ theme }) => theme.colors.neutral150};\r\n  }\r\n  &[aria-disabled='true'] {\r\n    visibility: hidden;\r\n  }\r\n  svg {\r\n    min-width: ${({ theme }) => theme.spaces[3]};\r\n\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.neutral500};\r\n    }\r\n  }\r\n`;\r\n\r\ntype Direction = {\r\n  setDragDirection: (direction: DragDirection) => void;\r\n  dragDirection: DragDirection | null;\r\n};\r\n\r\ntype DragAndDropElementProps = Direction & {\r\n  children: RenderElementProps['children'];\r\n  index: Array<number>;\r\n  dragHandleTopMargin?: CSSProperties['marginTop'];\r\n};\r\n\r\nconst DragAndDropElement = ({\r\n  children,\r\n  index,\r\n  setDragDirection,\r\n  dragDirection,\r\n  dragHandleTopMargin,\r\n}: DragAndDropElementProps) => {\r\n  const { editor, disabled, name, setLiveText } = useBlocksEditorContext('DragAndDropElement');\r\n  const { formatMessage } = useIntl();\r\n  const [dragVisibility, setDragVisibility] = React.useState<CSSProperties['visibility']>('hidden');\r\n  const isDragAndDropEnabled = !disabled;\r\n\r\n  const handleMoveBlock = React.useCallback(\r\n    (newIndex: Array<number>, currentIndex: Array<number>) => {\r\n      Transforms.moveNodes(editor, {\r\n        at: currentIndex,\r\n        to: newIndex,\r\n      });\r\n\r\n      // Add 1 to the index for the live text message\r\n      const currentIndexPosition = [currentIndex[0] + 1, ...currentIndex.slice(1)];\r\n      const newIndexPosition = [newIndex[0] + 1, ...newIndex.slice(1)];\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('components.Blocks.dnd.reorder'),\r\n            defaultMessage: '{item}, moved. New position in the editor: {position}.',\r\n          },\r\n          {\r\n            item: `${name}.${currentIndexPosition.join(',')}`,\r\n            position: `${newIndexPosition.join(',')} of ${editor.children.length}`,\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [editor, formatMessage, name, setLiveText]\r\n  );\r\n\r\n  const [{ handlerId, isDragging, isOverDropTarget, direction }, blockRef, dropRef, dragRef] =\r\n    useDragAndDrop(isDragAndDropEnabled, {\r\n      type: `${ItemTypes.BLOCKS}_${name}`,\r\n      index,\r\n      item: {\r\n        index,\r\n        displayedValue: children,\r\n      },\r\n      onDropItem(currentIndex, newIndex) {\r\n        if (newIndex) handleMoveBlock(newIndex, currentIndex);\r\n      },\r\n    });\r\n\r\n  const composedBoxRefs = useComposedRefs(blockRef, dropRef);\r\n\r\n  // Set Drag direction before loosing state while dragging\r\n  React.useEffect(() => {\r\n    if (direction) {\r\n      setDragDirection(direction);\r\n    }\r\n  }, [direction, setDragDirection]);\r\n\r\n  // On selection change hide drag handle\r\n  React.useEffect(() => {\r\n    setDragVisibility('hidden');\r\n  }, [editor.selection]);\r\n\r\n  return (\r\n    <Wrapper ref={composedBoxRefs} $isOverDropTarget={isOverDropTarget}>\r\n      {isOverDropTarget && (\r\n        <DropPlaceholder\r\n          borderStyle=\"solid\"\r\n          borderColor=\"secondary200\"\r\n          borderWidth=\"2px\"\r\n          width=\"calc(100% - 24px)\"\r\n          marginLeft=\"auto\"\r\n          dragDirection={dragDirection}\r\n          // For list items placeholder reduce the margin around\r\n          placeholderMargin={children.props.as && children.props.as === 'li' ? 1 : 2}\r\n        />\r\n      )}\r\n      {isDragging ? (\r\n        <CloneDragItem dragHandleTopMargin={dragHandleTopMargin}>{children}</CloneDragItem>\r\n      ) : (\r\n        <DragItem\r\n          ref={dragRef}\r\n          data-handler-id={handlerId}\r\n          gap={2}\r\n          paddingLeft={2}\r\n          alignItems=\"start\"\r\n          onDragStart={\r\n            isDragAndDropEnabled\r\n              ? (event) => {\r\n                  const target = event.target as HTMLElement;\r\n                  const currentTarget = event.currentTarget as HTMLElement;\r\n\r\n                  // Dragging action should only trigger drag event when button is dragged, however update styles on the whole dragItem.\r\n                  if (target.getAttribute('role') !== 'button') {\r\n                    event.preventDefault();\r\n                  } else {\r\n                    // Setting styles using dragging state is not working, so set it on current target element as nodes get dragged\r\n                    currentTarget.style.opacity = '0.5';\r\n                  }\r\n                }\r\n              : undefined\r\n          }\r\n          onDragEnd={\r\n            isDragAndDropEnabled\r\n              ? (event) => {\r\n                  const currentTarget = event.currentTarget as HTMLElement;\r\n                  currentTarget.style.opacity = '1';\r\n                }\r\n              : undefined\r\n          }\r\n          onMouseEnter={() => setDragVisibility('visible')}\r\n          onFocusCapture={() => setDragVisibility('visible')}\r\n          onBlurCapture={() => setDragVisibility('hidden')}\r\n          onMouseLeave={() => setDragVisibility('hidden')}\r\n          aria-disabled={disabled}\r\n          $dragVisibility={dragVisibility}\r\n        >\r\n          <DragIconButton\r\n            tag=\"div\"\r\n            contentEditable={false}\r\n            role=\"button\"\r\n            tabIndex={0}\r\n            withTooltip={false}\r\n            label={formatMessage({\r\n              id: getTranslation('components.DragHandle-label'),\r\n              defaultMessage: 'Drag',\r\n            })}\r\n            onClick={(e: React.MouseEvent) => e.stopPropagation()}\r\n            aria-disabled={disabled}\r\n            disabled={disabled}\r\n            draggable={isDragAndDropEnabled}\r\n            // For some blocks top margin added to drag handle to align at the text level\r\n            $dragHandleTopMargin={dragHandleTopMargin}\r\n          >\r\n            <Drag color=\"primary500\" />\r\n          </DragIconButton>\r\n          {children}\r\n        </DragItem>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\ninterface CloneDragItemProps {\r\n  children: RenderElementProps['children'];\r\n  dragHandleTopMargin?: CSSProperties['marginTop'];\r\n}\r\n\r\n// To prevent applying opacity to the original item being dragged, display a cloned element without opacity.\r\nconst CloneDragItem = ({ children, dragHandleTopMargin }: CloneDragItemProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <DragItem gap={2} paddingLeft={2} alignItems=\"start\" $dragVisibility=\"visible\">\r\n      <DragIconButton\r\n        tag=\"div\"\r\n        role=\"button\"\r\n        withTooltip={false}\r\n        label={formatMessage({\r\n          id: getTranslation('components.DragHandle-label'),\r\n          defaultMessage: 'Drag',\r\n        })}\r\n        $dragHandleTopMargin={dragHandleTopMargin}\r\n      >\r\n        <Drag color=\"neutral600\" />\r\n      </DragIconButton>\r\n      {children}\r\n    </DragItem>\r\n  );\r\n};\r\n\r\ninterface ExtendedRenderLeafProps extends RenderLeafProps {\r\n  leaf: RenderLeafProps['leaf'] & { className?: string };\r\n}\r\n\r\nconst baseRenderLeaf = (props: ExtendedRenderLeafProps, modifiers: ModifiersStore) => {\r\n  // Recursively wrap the children for each active modifier\r\n  const wrappedChildren = getEntries(modifiers).reduce((currentChildren, modifierEntry) => {\r\n    const [name, modifier] = modifierEntry;\r\n\r\n    if (props.leaf[name]) {\r\n      return modifier.renderLeaf(currentChildren);\r\n    }\r\n\r\n    return currentChildren;\r\n  }, props.children);\r\n\r\n  return (\r\n    <span {...props.attributes} className={props.leaf.className}>\r\n      {wrappedChildren}\r\n    </span>\r\n  );\r\n};\r\n\r\ntype BaseRenderElementProps = Direction & {\r\n  props: RenderElementProps['children'];\r\n  blocks: Partial<BlocksStore>;\r\n  editor: Editor;\r\n  isMobile: boolean;\r\n};\r\n\r\nconst baseRenderElement = ({\r\n  props,\r\n  blocks,\r\n  editor,\r\n  dragDirection,\r\n  setDragDirection,\r\n  isMobile,\r\n}: BaseRenderElementProps) => {\r\n  const { element } = props;\r\n\r\n  const blockMatch = Object.values(blocks).find((block) => block?.matchNode(element));\r\n  const block = blockMatch || blocks.paragraph;\r\n\r\n  if (!block) {\r\n    return <></>;\r\n  }\r\n\r\n  const nodePath = ReactEditor.findPath(editor, element);\r\n\r\n  const isDraggable = block.isDraggable?.(element) ?? true;\r\n\r\n  if (!isDraggable || isMobile) {\r\n    return block.renderElement(props);\r\n  }\r\n\r\n  return (\r\n    <DragAndDropElement\r\n      index={nodePath}\r\n      setDragDirection={setDragDirection}\r\n      dragDirection={dragDirection}\r\n      dragHandleTopMargin={block.dragHandleTopMargin}\r\n    >\r\n      {block.renderElement(props)}\r\n    </DragAndDropElement>\r\n  );\r\n};\r\n\r\nconst dragNoop = () => true;\r\n\r\ninterface BlocksContentProps {\r\n  placeholder?: string;\r\n  ariaLabelId: string;\r\n}\r\n\r\nconst BlocksContent = ({ placeholder, ariaLabelId }: BlocksContentProps) => {\r\n  const { editor, disabled, blocks, modifiers, setLiveText, isExpandedMode, flushPendingFormSync } =\r\n    useBlocksEditorContext('BlocksContent');\r\n  const isMobile = useIsMobile();\r\n  const blocksRef = React.useRef<HTMLDivElement>(null);\r\n  const { formatMessage } = useIntl();\r\n  const [dragDirection, setDragDirection] = React.useState<DragDirection | null>(null);\r\n  const { modalElement, handleConversionResult } = useConversionModal();\r\n\r\n  // Create renderLeaf function based on the modifiers store\r\n  const renderLeaf = React.useCallback(\r\n    (props: ExtendedRenderLeafProps) => baseRenderLeaf(props, modifiers),\r\n    [modifiers]\r\n  );\r\n\r\n  const handleMoveBlocks = (editor: Editor, event: React.KeyboardEvent<HTMLElement>) => {\r\n    if (!editor.selection) return;\r\n\r\n    const start = Range.start(editor.selection);\r\n    const currentIndex = [start.path[0]];\r\n    let newIndexPosition = 0;\r\n\r\n    if (event.key === 'ArrowUp') {\r\n      newIndexPosition = currentIndex[0] > 0 ? currentIndex[0] - 1 : currentIndex[0];\r\n    } else {\r\n      newIndexPosition =\r\n        currentIndex[0] < editor.children.length - 1 ? currentIndex[0] + 1 : currentIndex[0];\r\n    }\r\n\r\n    const newIndex = [newIndexPosition];\r\n\r\n    if (newIndexPosition !== currentIndex[0]) {\r\n      Transforms.moveNodes(editor, {\r\n        at: currentIndex,\r\n        to: newIndex,\r\n      });\r\n\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('components.Blocks.dnd.reorder'),\r\n            defaultMessage: '{item}, moved. New position in the editor: {position}.',\r\n          },\r\n          {\r\n            item: `${name}.${currentIndex[0] + 1}`,\r\n            position: `${newIndex[0] + 1} of ${editor.children.length}`,\r\n          }\r\n        )\r\n      );\r\n\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  // Create renderElement function base on the blocks store\r\n  const renderElement = React.useCallback(\r\n    (props: RenderElementProps) =>\r\n      baseRenderElement({ props, blocks, editor, dragDirection, setDragDirection, isMobile }),\r\n    [blocks, editor, dragDirection, isMobile, setDragDirection]\r\n  );\r\n\r\n  const checkSnippet = (event: React.KeyboardEvent<HTMLElement>) => {\r\n    // Get current text block\r\n    if (!editor.selection) {\r\n      return;\r\n    }\r\n\r\n    const [textNode, textNodePath] = Editor.node(editor, editor.selection.anchor.path);\r\n\r\n    // Narrow the type to a text node\r\n    if (Editor.isEditor(textNode) || textNode.type !== 'text') {\r\n      return;\r\n    }\r\n\r\n    // Don't check for snippets if we're not at the start of a block\r\n    if (textNodePath.at(-1) !== 0) {\r\n      return;\r\n    }\r\n\r\n    // Check if the text node starts with a known snippet\r\n    const blockMatchingSnippet = Object.values(blocks).find((block) => {\r\n      return block?.snippets?.includes(textNode.text);\r\n    });\r\n\r\n    if (blockMatchingSnippet?.handleConvert) {\r\n      // Prevent the space from being created and delete the snippet\r\n      event.preventDefault();\r\n      Transforms.delete(editor, {\r\n        distance: textNode.text.length,\r\n        unit: 'character',\r\n        reverse: true,\r\n      });\r\n\r\n      // Convert the selected block\r\n      const maybeRenderModal = blockMatchingSnippet.handleConvert(editor);\r\n      handleConversionResult(maybeRenderModal);\r\n    }\r\n  };\r\n\r\n  const handleEnter = (event: React.KeyboardEvent<HTMLElement>) => {\r\n    if (!editor.selection) {\r\n      return;\r\n    }\r\n\r\n    const selectedNode = editor.children[editor.selection.anchor.path[0]];\r\n    const selectedBlock = Object.values(blocks).find((block) => block?.matchNode(selectedNode));\r\n    if (!selectedBlock) {\r\n      return;\r\n    }\r\n\r\n    // Allow forced line breaks when shift is pressed\r\n    if (event.shiftKey && selectedNode.type !== 'image') {\r\n      Transforms.insertText(editor, '\\n');\r\n      return;\r\n    }\r\n\r\n    // Check if there's an enter handler for the selected block\r\n    if (selectedBlock.handleEnterKey) {\r\n      selectedBlock.handleEnterKey(editor);\r\n    } else {\r\n      blocks.paragraph?.handleEnterKey!(editor);\r\n    }\r\n  };\r\n\r\n  const handleBackspaceEvent = (event: React.KeyboardEvent<HTMLElement>) => {\r\n    if (!editor.selection) {\r\n      return;\r\n    }\r\n\r\n    const selectedNode = editor.children[editor.selection.anchor.path[0]];\r\n    const selectedBlock = Object.values(blocks).find((block) => block?.matchNode(selectedNode));\r\n\r\n    if (!selectedBlock) {\r\n      return;\r\n    }\r\n\r\n    if (selectedBlock.handleBackspaceKey) {\r\n      selectedBlock.handleBackspaceKey(editor, event);\r\n    }\r\n  };\r\n\r\n  const handleTab = (event: React.KeyboardEvent<HTMLElement>) => {\r\n    if (!editor.selection) {\r\n      return;\r\n    }\r\n\r\n    const selectedNode = editor.children[editor.selection.anchor.path[0]];\r\n    const selectedBlock = Object.values(blocks).find((block) => block?.matchNode(selectedNode));\r\n    if (!selectedBlock) {\r\n      return;\r\n    }\r\n\r\n    event.preventDefault();\r\n\r\n    if (event.shiftKey && selectedBlock.handleShiftTab) {\r\n      // Handle Shift+Tab (unindent)\r\n      selectedBlock.handleShiftTab(editor);\r\n    } else if (!event.shiftKey && selectedBlock.handleTab) {\r\n      // Handle Tab (indent)\r\n      selectedBlock.handleTab(editor);\r\n    }\r\n  };\r\n\r\n  const handleKeyboardShortcuts = (event: React.KeyboardEvent<HTMLElement>) => {\r\n    const isCtrlOrCmd = event.metaKey || event.ctrlKey;\r\n\r\n    if (isCtrlOrCmd) {\r\n      // Check if there's a modifier to toggle\r\n      Object.values(modifiers).forEach((value) => {\r\n        if (value.isValidEventKey(event)) {\r\n          event.preventDefault();\r\n          value.handleToggle(editor);\r\n          return;\r\n        }\r\n      });\r\n      if (event.shiftKey && ['ArrowUp', 'ArrowDown'].includes(event.key)) {\r\n        handleMoveBlocks(editor, event);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleKeyDown: React.KeyboardEventHandler<HTMLElement> = (event) => {\r\n    // Find the right block-specific handlers for enter and backspace key presses\r\n    switch (event.key) {\r\n      case 'Enter':\r\n        if (!event.nativeEvent.isComposing) {\r\n          event.preventDefault();\r\n          return handleEnter(event);\r\n        }\r\n        break;\r\n      case 'Backspace':\r\n        return handleBackspaceEvent(event);\r\n      case 'Tab':\r\n        return handleTab(event);\r\n      case 'Escape':\r\n        return ReactEditor.blur(editor);\r\n    }\r\n    handleKeyboardShortcuts(event);\r\n    // Check if a snippet was triggered\r\n    if (event.key === ' ') {\r\n      checkSnippet(event);\r\n    }\r\n  };\r\n\r\n  /**\r\n   *  scrollSelectionIntoView : Slate's default method to scroll a DOM selection into the view,\r\n   *  thats shifting layout for us when there is a overflowY:scroll on the viewport.\r\n   *  We are overriding it to check if the selection is not fully within the visible area of the editor,\r\n   *  we use scrollBy one line to the bottom\r\n   */\r\n\r\n  const handleScrollSelectionIntoView = React.useCallback(() => {\r\n    if (!editor.selection || !blocksRef.current) {\r\n      return;\r\n    }\r\n\r\n    const domRange = ReactEditor.toDOMRange(editor, editor.selection);\r\n    const domRect = domRange.getBoundingClientRect();\r\n\r\n    const editorRect = blocksRef.current.getBoundingClientRect();\r\n\r\n    // Check if the selection is not fully within the visible area of the editor\r\n    if (domRect.top < editorRect.top || domRect.bottom > editorRect.bottom) {\r\n      // Scroll by one line to the bottom\r\n      blocksRef.current.scrollBy({\r\n        top: 28, // 20px is the line-height + 8px line gap\r\n        behavior: 'smooth',\r\n      });\r\n    }\r\n  }, [editor]);\r\n\r\n  return (\r\n    <Box\r\n      ref={blocksRef}\r\n      grow={1}\r\n      width=\"100%\"\r\n      overflow=\"auto\"\r\n      fontSize={2}\r\n      background=\"neutral0\"\r\n      color=\"neutral800\"\r\n      lineHeight={6}\r\n      paddingLeft={{ initial: 4, medium: 0 }}\r\n      paddingRight={7}\r\n      paddingTop={6}\r\n      paddingBottom={3}\r\n    >\r\n      <StyledEditable\r\n        aria-labelledby={ariaLabelId}\r\n        readOnly={disabled}\r\n        placeholder={placeholder}\r\n        $isExpandedMode={isExpandedMode}\r\n        decorate={decorateCode}\r\n        renderElement={renderElement}\r\n        renderLeaf={renderLeaf}\r\n        onKeyDown={handleKeyDown}\r\n        scrollSelectionIntoView={handleScrollSelectionIntoView}\r\n        onBlur={flushPendingFormSync}\r\n        // As we have our own handler to drag and drop the elements returing true will skip slate's own event handler\r\n        onDrop={dragNoop}\r\n        onDragStart={dragNoop}\r\n      />\r\n      {modalElement}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { BlocksContent, BlocksContentProps };\r\n"],"names":["StyledEditable","styled","Editable","theme","spaces","props","$isExpandedMode","breakpoints","medium","Wrapper","Box","$isOverDropTarget","DropPlaceholder","dragDirection","placeholderMargin","css","DIRECTIONS","UPWARD","DOWNWARD","DragItem","Flex","$dragVisibility","DragIconButton","IconButton","borderRadius","$dragHandleTopMargin","colors","neutral100","neutral150","neutral500","DragAndDropElement","children","index","setDragDirection","dragHandleTopMargin","editor","disabled","name","setLiveText","useBlocksEditorContext","formatMessage","useIntl","dragVisibility","setDragVisibility","React","useState","isDragAndDropEnabled","handleMoveBlock","useCallback","newIndex","currentIndex","Transforms","moveNodes","at","to","currentIndexPosition","slice","newIndexPosition","id","getTranslation","defaultMessage","item","join","position","length","handlerId","isDragging","isOverDropTarget","direction","blockRef","dropRef","dragRef","useDragAndDrop","type","ItemTypes","BLOCKS","displayedValue","onDropItem","composedBoxRefs","useComposedRefs","useEffect","selection","_jsxs","ref","_jsx","borderStyle","borderColor","borderWidth","width","marginLeft","as","CloneDragItem","data-handler-id","gap","paddingLeft","alignItems","onDragStart","event","target","currentTarget","getAttribute","preventDefault","style","opacity","undefined","onDragEnd","onMouseEnter","onFocusCapture","onBlurCapture","onMouseLeave","aria-disabled","tag","contentEditable","role","tabIndex","withTooltip","label","onClick","e","stopPropagation","draggable","Drag","color","baseRenderLeaf","modifiers","wrappedChildren","getEntries","reduce","currentChildren","modifierEntry","modifier","leaf","renderLeaf","span","attributes","className","baseRenderElement","blocks","isMobile","element","blockMatch","Object","values","find","block","matchNode","paragraph","_Fragment","nodePath","ReactEditor","findPath","isDraggable","renderElement","dragNoop","BlocksContent","placeholder","ariaLabelId","isExpandedMode","flushPendingFormSync","useIsMobile","blocksRef","useRef","modalElement","handleConversionResult","useConversionModal","handleMoveBlocks","start","Range","path","key","checkSnippet","textNode","textNodePath","Editor","node","anchor","isEditor","blockMatchingSnippet","snippets","includes","text","handleConvert","delete","distance","unit","reverse","maybeRenderModal","handleEnter","selectedNode","selectedBlock","shiftKey","insertText","handleEnterKey","handleBackspaceEvent","handleBackspaceKey","handleTab","handleShiftTab","handleKeyboardShortcuts","isCtrlOrCmd","metaKey","ctrlKey","forEach","value","isValidEventKey","handleToggle","handleKeyDown","nativeEvent","isComposing","blur","handleScrollSelectionIntoView","current","domRange","toDOMRange","domRect","getBoundingClientRect","editorRect","top","bottom","scrollBy","behavior","grow","overflow","fontSize","background","lineHeight","initial","paddingRight","paddingTop","paddingBottom","aria-labelledby","readOnly","decorate","decorateCode","onKeyDown","scrollSelectionIntoView","onBlur","onDrop"],"mappings":"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"}