npm - @akbarsafari00/bonyan-content-manager - Versions diffs - 5.52.1-fa.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1600) hide show

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BlocksToolbar.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksToolbar.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport * as Toolbar from '@radix-ui/react-toolbar';\r\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\r\nimport {\r\n Flex,\r\n Tooltip,\r\n SingleSelect,\r\n SingleSelectOption,\r\n Box,\r\n FlexComponent,\r\n BoxComponent,\r\n Menu,\r\n} from '@strapi/design-system';\r\nimport { Link, ArrowUp, ArrowDown } from '@strapi/icons';\r\nimport { MessageDescriptor, useIntl } from 'react-intl';\r\nimport { Editor, Transforms, Element as SlateElement, Node, type Ancestor } from 'slate';\r\nimport { ReactEditor } from 'slate-react';\r\nimport { css, styled } from 'styled-components';\r\n\r\nimport { getTranslation } from '../../../../../utils/translations';\r\nimport { EditorToolbarObserver, type ObservedComponent } from '../../EditorToolbarObserver';\r\n\r\nimport { insertLink } from './Blocks/Link';\r\nimport { type BlocksStore, type SelectorBlock, useBlocksEditorContext } from './BlocksEditor';\r\nimport { type Block, getEntries, getKeys } from './utils/types';\r\n\r\nconst ToolbarWrapper = styled<FlexComponent>(Flex)`\r\n &[aria-disabled='true'] {\r\n cursor: not-allowed;\r\n background: ${({ theme }) => theme.colors.neutral150};\r\n }\r\n`;\r\n\r\nconst ToolbarSeparator = styled(Toolbar.Separator)`\r\n background: ${({ theme }) => theme.colors.neutral150};\r\n width: 1px;\r\n height: 2.4rem;\r\n margin-left: ${({ theme }) => theme.spaces[1]};\r\n margin-right: ${({ theme }) => theme.spaces[1]};\r\n\r\n ${({ theme }) => theme.breakpoints.medium} {\r\n margin-left: ${({ theme }) => theme.spaces[2]};\r\n margin-right: ${({ theme }) => theme.spaces[2]};\r\n }\r\n`;\r\n\r\nconst FlexButton = styled<FlexComponent<'button'>>(Flex)`\r\n // Inherit the not-allowed cursor from ToolbarWrapper when disabled\r\n &[aria-disabled] {\r\n cursor: not-allowed;\r\n }\r\n\r\n &[aria-disabled='false'] {\r\n cursor: pointer;\r\n\r\n // Only apply hover styles if the button is enabled on desktop\r\n ${({ theme }) => theme.breakpoints.medium} {\r\n &:hover {\r\n background: ${({ theme }) => theme.colors.primary100};\r\n }\r\n }\r\n }\r\n`;\r\n\r\nconst SelectWrapper = styled<BoxComponent>(Box)`\r\n // Styling changes to SingleSelect component don't work, so adding wrapper to target SingleSelect\r\n div[role='combobox'] {\r\n border: none;\r\n cursor: pointer;\r\n min-height: unset;\r\n padding-top: ${({ theme }) => theme.spaces[2]};\r\n padding-bottom: ${({ theme }) => theme.spaces[2]};\r\n padding-left: ${({ theme }) => theme.spaces[4]};\r\n padding-right: ${({ theme }) => theme.spaces[4]};\r\n gap: ${({ theme }) => theme.spaces[2]};\r\n \r\n ${({ theme }) => theme.breakpoints.medium} {\r\n padding-top: ${({ theme }) => theme.spaces[1]};\r\n padding-bottom: ${({ theme }) => theme.spaces[1]};\r\n gap: ${({ theme }) => theme.spaces[4]};\r\n }\r\n\r\n &[aria-disabled='false']:hover {\r\n cursor: pointer;\r\n background: ${({ theme }) => theme.colors.primary100};\r\n }\r\n\r\n &[aria-disabled] {\r\n background: transparent;\r\n cursor: inherit;\r\n\r\n // Select text and icons should also have disabled color\r\n span {\r\n color: ${({ theme }) => theme.colors.neutral600};\r\n }\r\n }\r\n\r\n & > span:first-child {\r\n gap: ${({ theme }) => theme.spaces[0]};\r\n\r\n ${({ theme }) => theme.breakpoints.medium} {\r\n gap: ${({ theme }) => theme.spaces[3]};\r\n }\r\n }\r\n`;\r\n\r\n/**\r\n * Handles the modal component that may be returned by a block when converting it\r\n */\r\nfunction useConversionModal() {\r\n const [modalElement, setModalComponent] = React.useState<React.JSX.Element | null>(null);\r\n\r\n const handleConversionResult = (renderModal: void | (() => React.JSX.Element) | undefined) => {\r\n // Not all blocks return a modal\r\n if (renderModal) {\r\n // Use cloneElement to apply a key because to create a new instance of the component\r\n // Without the new key, the state is kept from previous times that option was picked\r\n setModalComponent(React.cloneElement(renderModal(), { key: Date.now() }));\r\n }\r\n };\r\n\r\n return { modalElement, handleConversionResult };\r\n}\r\n\r\ninterface ToolbarButtonProps {\r\n icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\r\n name: string;\r\n label: MessageDescriptor;\r\n isActive: boolean;\r\n disabled: boolean;\r\n handleClick: () => void;\r\n}\r\n\r\nconst ToolbarButton = ({\r\n icon: Icon,\r\n name,\r\n label,\r\n isActive,\r\n disabled,\r\n handleClick,\r\n}: ToolbarButtonProps) => {\r\n const { editor } = useBlocksEditorContext('ToolbarButton');\r\n const { formatMessage } = useIntl();\r\n const labelMessage = formatMessage(label);\r\n\r\n const enabledColor = isActive ? 'primary600' : 'neutral600';\r\n\r\n return (\r\n <Tooltip label={labelMessage}>\r\n <Toolbar.ToggleItem\r\n value={name}\r\n data-state={isActive ? 'on' : 'off'}\r\n onPointerDown={(e) => {\r\n e.preventDefault();\r\n handleClick();\r\n ReactEditor.focus(editor);\r\n }}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n aria-label={labelMessage}\r\n asChild\r\n >\r\n <FlexButton\r\n tag=\"button\"\r\n background={isActive ? 'primary100' : ''}\r\n alignItems=\"center\"\r\n justifyContent=\"center\"\r\n width={7}\r\n height={7}\r\n hasRadius\r\n type=\"button\"\r\n >\r\n {Icon && <Icon fill={disabled ? 'neutral300' : enabledColor} />}\r\n </FlexButton>\r\n </Toolbar.ToggleItem>\r\n </Tooltip>\r\n );\r\n};\r\n\r\nconst BlocksDropdown = () => {\r\n const { editor, blocks, disabled } = useBlocksEditorContext('BlocksDropdown');\r\n const { formatMessage } = useIntl();\r\n const { modalElement, handleConversionResult } = useConversionModal();\r\n const isMobile = useIsMobile();\r\n\r\n const blockKeysToInclude: string[] = getEntries(blocks).reduce<string[]>(\r\n (currentKeys, [key, block]) => {\r\n return block?.isInBlocksSelector ? [...currentKeys, key] : currentKeys;\r\n },\r\n []\r\n );\r\n\r\n const [blockSelected, setBlockSelected] = React.useState<string>('paragraph');\r\n\r\n const handleSelect = (optionKey: unknown) => {\r\n if (typeof optionKey !== 'string' || !blocks[optionKey]) {\r\n return;\r\n }\r\n\r\n const editorIsEmpty =\r\n editor.children.length === 1 && Editor.isEmpty(editor, editor.children[0]);\r\n\r\n if (!editor.selection && !editorIsEmpty) {\r\n // Toolbar buttons steal focus in Playwright (and sometimes in real browsers), clearing\r\n // selection. Convert the last existing block — do not insert a new empty block, which\r\n // would leave the user's content behind and convert a blank node instead.\r\n const [, lastPath] = Editor.last(editor, []);\r\n Transforms.select(editor, Editor.range(editor, lastPath));\r\n } else if (!editor.selection && editorIsEmpty) {\r\n // When there is no selection and the editor is empty,\r\n // select the empty paragraph from Slate's initialValue so it gets converted\r\n Transforms.select(editor, Editor.start(editor, [0, 0]));\r\n }\r\n\r\n // If selection is already a list block, toggle its format\r\n const currentListEntry = Editor.above(editor, {\r\n match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n });\r\n\r\n if (currentListEntry && ['list-ordered', 'list-unordered'].includes(optionKey)) {\r\n const [currentList, currentListPath] = currentListEntry;\r\n const format = optionKey === 'list-ordered' ? 'ordered' : 'unordered';\r\n\r\n if (!Editor.isEditor(currentList) && isListNode(currentList)) {\r\n // Format is different, toggle list format\r\n if (currentList.format !== format) {\r\n Transforms.setNodes(editor, { format }, { at: currentListPath });\r\n }\r\n }\r\n return;\r\n }\r\n\r\n // Let the block handle the Slate conversion logic\r\n const maybeRenderModal = blocks[optionKey]?.handleConvert?.(editor);\r\n handleConversionResult(maybeRenderModal);\r\n\r\n setBlockSelected(optionKey);\r\n\r\n ReactEditor.focus(editor);\r\n };\r\n\r\n /**\r\n * Prevent the select from focusing itself so ReactEditor.focus(editor) can focus the editor instead.\r\n *\r\n * The editor first loses focus to a blur event when clicking the select button. However,\r\n * refocusing the editor is not enough since the select's default behavior is to refocus itself\r\n * after an option is selected.\r\n *\r\n */\r\n const preventSelectFocus = (e: Event) => e.preventDefault();\r\n\r\n // Listen to the selection change and update the selected block in the dropdown\r\n React.useEffect(() => {\r\n if (editor.selection) {\r\n let selectedNode: Ancestor;\r\n\r\n // If selection anchor is a list-item, get its parent\r\n const currentListEntry = Editor.above(editor, {\r\n match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n at: editor.selection.anchor,\r\n });\r\n\r\n if (currentListEntry) {\r\n const [currentList] = currentListEntry;\r\n selectedNode = currentList;\r\n } else {\r\n // Get the parent node of the anchor other than list-item\r\n const [anchorNode] = Editor.parent(editor, editor.selection.anchor, {\r\n edge: 'start',\r\n depth: 2,\r\n });\r\n\r\n // @ts-expect-error slate's delete behaviour creates an exceptional type\r\n if (anchorNode.type === 'list-item') {\r\n // When the last node in the selection is a list item,\r\n // slate's default delete operation leaves an empty list-item instead of converting it into a paragraph.\r\n // Issue: https://github.com/ianstormtaylor/slate/issues/2500\r\n\r\n Transforms.setNodes(editor, { type: 'paragraph' });\r\n // @ts-expect-error convert explicitly type to paragraph\r\n selectedNode = { ...anchorNode, type: 'paragraph' };\r\n } else {\r\n selectedNode = anchorNode;\r\n }\r\n }\r\n\r\n // Find the block key that matches the anchor node\r\n const anchorBlockKey = getKeys(blocks).find(\r\n (blockKey) => !Editor.isEditor(selectedNode) && blocks[blockKey]?.matchNode(selectedNode)\r\n );\r\n\r\n // Change the value selected in the dropdown if it doesn't match the anchor block key\r\n if (anchorBlockKey && anchorBlockKey !== blockSelected) {\r\n setBlockSelected(anchorBlockKey);\r\n }\r\n }\r\n }, [editor.selection, editor, blocks, blockSelected]);\r\n\r\n React.useEffect(() => {\r\n // If the selected block is not in the list of blocks to include, change the selected block to the first one\r\n if (blockKeysToInclude.length > 0 && !blockKeysToInclude.includes(blockSelected)) {\r\n setBlockSelected(blockKeysToInclude[0]);\r\n }\r\n }, [blockKeysToInclude, blockSelected]);\r\n\r\n if (!blocks[blockSelected]) {\r\n return null;\r\n }\r\n\r\n const selectedBlock = blocks[blockSelected] as SelectorBlock;\r\n const Icon = selectedBlock.icon;\r\n\r\n return (\r\n <>\r\n <SelectWrapper>\r\n <SingleSelect\r\n startIcon={Icon && <Icon />}\r\n onChange={handleSelect}\r\n customizeContent={() => (isMobile ? '' : formatMessage(selectedBlock.label))}\r\n value={blockSelected}\r\n onCloseAutoFocus={preventSelectFocus}\r\n aria-label={formatMessage({\r\n id: 'components.Blocks.blocks.selectBlock',\r\n defaultMessage: 'Select a block',\r\n })}\r\n disabled={disabled}\r\n >\r\n {blockKeysToInclude.map((key) => {\r\n const selectorBlock = blocks[key] as SelectorBlock;\r\n return (\r\n <BlockOption\r\n key={key}\r\n value={key}\r\n label={selectorBlock.label}\r\n icon={selectorBlock.icon}\r\n blockSelected={blockSelected}\r\n />\r\n );\r\n })}\r\n </SingleSelect>\r\n </SelectWrapper>\r\n {modalElement}\r\n </>\r\n );\r\n};\r\n\r\ninterface BlockOptionProps {\r\n value: string;\r\n icon?: React.ComponentType<React.SVGProps<SVGElement>>;\r\n label: MessageDescriptor;\r\n blockSelected: string;\r\n}\r\n\r\nconst BlockOption = ({ value, icon: Icon, label, blockSelected }: BlockOptionProps) => {\r\n const { formatMessage } = useIntl();\r\n\r\n const isSelected = value === blockSelected;\r\n\r\n return (\r\n <SingleSelectOption\r\n startIcon={Icon && <Icon fill={isSelected ? 'primary600' : 'neutral500'} />}\r\n value={value}\r\n >\r\n {formatMessage(label)}\r\n </SingleSelectOption>\r\n );\r\n};\r\n\r\nconst isListNode = (node: unknown): node is Block<'list'> => {\r\n return Node.isNode(node) && !Editor.isEditor(node) && node.type === 'list';\r\n};\r\n\r\ninterface ListButtonProps {\r\n block: BlocksStore['list-ordered'] | BlocksStore['list-unordered'];\r\n format: Block<'list'>['format'];\r\n location?: 'toolbar' | 'menu';\r\n}\r\n\r\nconst ListButton = ({ block, format, location = 'toolbar' }: ListButtonProps) => {\r\n const { formatMessage } = useIntl();\r\n const { editor, disabled, blocks } = useBlocksEditorContext('ListButton');\r\n\r\n const isListActive = () => {\r\n if (!editor.selection) return false;\r\n\r\n // Get the parent list at selection anchor node\r\n const currentListEntry = Editor.above(editor, {\r\n match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n at: editor.selection.anchor,\r\n });\r\n\r\n if (currentListEntry) {\r\n const [currentList] = currentListEntry;\r\n if (!Editor.isEditor(currentList) && isListNode(currentList) && currentList.format === format)\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n /**\r\n * @TODO: Currently, applying list while multiple blocks are selected is not supported.\r\n * We should implement this feature in the future.\r\n */\r\n const isListDisabled = () => {\r\n // Always disabled when the whole editor is disabled\r\n if (disabled) {\r\n return true;\r\n }\r\n\r\n // Always enabled when there's no selection\r\n if (!editor.selection) {\r\n return false;\r\n }\r\n\r\n // Get the block node closest to the anchor and focus\r\n const anchorNodeEntry = Editor.above(editor, {\r\n at: editor.selection.anchor,\r\n match: (node) => !Editor.isEditor(node) && node.type !== 'text',\r\n });\r\n const focusNodeEntry = Editor.above(editor, {\r\n at: editor.selection.focus,\r\n match: (node) => !Editor.isEditor(node) && node.type !== 'text',\r\n });\r\n\r\n if (!anchorNodeEntry || !focusNodeEntry) {\r\n return false;\r\n }\r\n\r\n // Disabled if the anchor and focus are not in the same block\r\n return anchorNodeEntry[0] !== focusNodeEntry[0];\r\n };\r\n\r\n const toggleList = (format: Block<'list'>['format']) => {\r\n let currentListEntry;\r\n if (editor.selection) {\r\n currentListEntry = Editor.above(editor, {\r\n match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n });\r\n } else {\r\n // If no selection, toggle last inserted node\r\n const [_, lastNodePath] = Editor.last(editor, []);\r\n currentListEntry = Editor.above(editor, {\r\n match: (node) => !Editor.isEditor(node) && node.type === 'list',\r\n at: lastNodePath,\r\n });\r\n }\r\n\r\n if (!currentListEntry) {\r\n // If selection is not a list then convert it to list\r\n blocks[`list-${format}`]?.handleConvert!(editor);\r\n return;\r\n }\r\n\r\n // If selection is already a list then toggle format\r\n const [currentList, currentListPath] = currentListEntry;\r\n\r\n if (!Editor.isEditor(currentList) && isListNode(currentList)) {\r\n if (currentList.format !== format) {\r\n // Format is different, toggle list format\r\n Transforms.setNodes(editor, { format }, { at: currentListPath });\r\n } else {\r\n // Format is same, convert selected list-item to paragraph\r\n blocks['paragraph']?.handleConvert!(editor);\r\n }\r\n }\r\n };\r\n\r\n if (location === 'menu') {\r\n const Icon = block.icon;\r\n\r\n return (\r\n <StyledMenuItem\r\n startIcon={Icon && <Icon />}\r\n onSelect={() => toggleList(format)}\r\n isActive={isListActive()}\r\n disabled={isListDisabled()}\r\n >\r\n {formatMessage(block.label)}\r\n </StyledMenuItem>\r\n );\r\n }\r\n\r\n return (\r\n <ToolbarButton\r\n icon={block.icon}\r\n name={format}\r\n label={block.label}\r\n isActive={isListActive()}\r\n disabled={isListDisabled()}\r\n handleClick={() => toggleList(format)}\r\n />\r\n );\r\n};\r\n\r\nconst LinkButton = ({\r\n disabled,\r\n location = 'toolbar',\r\n}: {\r\n disabled: boolean;\r\n location?: 'toolbar' | 'menu';\r\n}) => {\r\n const { editor } = useBlocksEditorContext('LinkButton');\r\n const { formatMessage } = useIntl();\r\n\r\n const isLinkActive = () => {\r\n const { selection } = editor;\r\n\r\n if (!selection) return false;\r\n\r\n const [match] = Array.from(\r\n Editor.nodes(editor, {\r\n at: Editor.unhangRange(editor, selection),\r\n match: (node) => SlateElement.isElement(node) && node.type === 'link',\r\n })\r\n );\r\n\r\n return Boolean(match);\r\n };\r\n\r\n const isLinkDisabled = () => {\r\n // Always disabled when the whole editor is disabled\r\n if (disabled) {\r\n return true;\r\n }\r\n\r\n // Always enabled when there's no selection\r\n if (!editor.selection) {\r\n return false;\r\n }\r\n\r\n // Get the block node closest to the anchor and focus\r\n const anchorNodeEntry = Editor.above(editor, {\r\n at: editor.selection.anchor,\r\n match: (node) => !Editor.isEditor(node) && node.type !== 'text',\r\n });\r\n const focusNodeEntry = Editor.above(editor, {\r\n at: editor.selection.focus,\r\n match: (node) => !Editor.isEditor(node) && node.type !== 'text',\r\n });\r\n\r\n if (!anchorNodeEntry || !focusNodeEntry) {\r\n return false;\r\n }\r\n\r\n // Disabled if the anchor and focus are not in the same block\r\n return anchorNodeEntry[0] !== focusNodeEntry[0];\r\n };\r\n\r\n const addLink = () => {\r\n editor.shouldSaveLinkPath = true;\r\n // We insert an empty anchor, so we split the DOM to have a element we can use as reference for the popover\r\n insertLink(editor, { url: '' });\r\n };\r\n\r\n const label = {\r\n id: 'components.Blocks.link',\r\n defaultMessage: 'Link',\r\n } as MessageDescriptor;\r\n\r\n if (location === 'menu') {\r\n return (\r\n <StyledMenuItem\r\n startIcon={<Link />}\r\n onSelect={addLink}\r\n isActive={isLinkActive()}\r\n disabled={isLinkDisabled()}\r\n >\r\n {formatMessage(label)}\r\n </StyledMenuItem>\r\n );\r\n }\r\n\r\n return (\r\n <ToolbarButton\r\n icon={Link}\r\n name=\"link\"\r\n label={label}\r\n isActive={isLinkActive()}\r\n handleClick={addLink}\r\n disabled={isLinkDisabled()}\r\n />\r\n );\r\n};\r\n\r\nconst StyledMenuItem = styled(Menu.Item)<{ isActive: boolean }>`\r\n ${(props) =>\r\n props.isActive &&\r\n css`\r\n color: ${({ theme }) => theme.colors.primary600};\r\n font-weight: 600;\r\n `}\r\n\r\n svg {\r\n fill: ${({ theme, isActive }) =>\r\n isActive ? theme.colors.primary600 : theme.colors.neutral500};\r\n }\r\n`;\r\n\r\nconst ReorderToolbarButtons = () => {\r\n const { editor, disabled, blocks, name, setLiveText } =\r\n useBlocksEditorContext('ReorderToolbarButtons');\r\n const { formatMessage } = useIntl();\r\n\r\n const selection = editor.selection;\r\n const totalBlocks = editor.children.length;\r\n\r\n const anchorIndex = selection ? selection.anchor.path[0] : null;\r\n const focusIndex = selection ? selection.focus.path[0] : null;\r\n const isSingleBlockSelection =\r\n anchorIndex !== null && focusIndex !== null && anchorIndex === focusIndex;\r\n\r\n const selectedTopLevelNode =\r\n isSingleBlockSelection && anchorIndex !== null ? editor.children[anchorIndex] : null;\r\n const selectedBlock =\r\n selectedTopLevelNode &&\r\n Object.values(blocks).find((block) => block.matchNode(selectedTopLevelNode));\r\n\r\n const isSelectedBlockDraggable =\r\n selectedTopLevelNode && selectedBlock\r\n ? (selectedBlock.isDraggable?.(selectedTopLevelNode) ?? true)\r\n : false;\r\n\r\n const canMoveUp =\r\n !disabled &&\r\n isSingleBlockSelection &&\r\n isSelectedBlockDraggable &&\r\n anchorIndex !== null &&\r\n anchorIndex > 0;\r\n const canMoveDown =\r\n !disabled &&\r\n isSingleBlockSelection &&\r\n isSelectedBlockDraggable &&\r\n anchorIndex !== null &&\r\n anchorIndex < totalBlocks - 1;\r\n\r\n const moveBlock = (direction: 'up' | 'down') => {\r\n if (!selection || anchorIndex === null) return;\r\n\r\n const currentIndex = [anchorIndex];\r\n const newIndex = [direction === 'up' ? anchorIndex - 1 : anchorIndex + 1];\r\n\r\n Transforms.moveNodes(editor, {\r\n at: currentIndex,\r\n to: newIndex,\r\n });\r\n\r\n // Keep the moved block focused so disabled states update immediately.\r\n Transforms.select(editor, Editor.start(editor, newIndex));\r\n ReactEditor.focus(editor);\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\r\n return (\r\n <Flex direction=\"row\" gap={1}>\r\n <Tooltip\r\n label={formatMessage({\r\n id: getTranslation('components.DynamicZone.move-up'),\r\n defaultMessage: 'Move up',\r\n })}\r\n >\r\n <Toolbar.Button\r\n onPointerDown={(e) => {\r\n e.preventDefault();\r\n if (canMoveUp) moveBlock('up');\r\n }}\r\n aria-disabled={!canMoveUp}\r\n disabled={!canMoveUp}\r\n aria-label={formatMessage({\r\n id: getTranslation('components.DynamicZone.move-up'),\r\n defaultMessage: 'Move up',\r\n })}\r\n asChild\r\n >\r\n <FlexButton\r\n tag=\"button\"\r\n alignItems=\"center\"\r\n justifyContent=\"center\"\r\n width={7}\r\n height={7}\r\n hasRadius\r\n type=\"button\"\r\n >\r\n <ArrowUp fill={!canMoveUp ? 'neutral300' : 'neutral600'} />\r\n </FlexButton>\r\n </Toolbar.Button>\r\n </Tooltip>\r\n\r\n <Tooltip\r\n label={formatMessage({\r\n id: getTranslation('components.DynamicZone.move-down'),\r\n defaultMessage: 'Move down',\r\n })}\r\n >\r\n <Toolbar.Button\r\n onPointerDown={(e) => {\r\n e.preventDefault();\r\n if (canMoveDown) moveBlock('down');\r\n }}\r\n aria-disabled={!canMoveDown}\r\n disabled={!canMoveDown}\r\n aria-label={formatMessage({\r\n id: getTranslation('components.DynamicZone.move-down'),\r\n defaultMessage: 'Move down',\r\n })}\r\n asChild\r\n >\r\n <FlexButton\r\n tag=\"button\"\r\n alignItems=\"center\"\r\n justifyContent=\"center\"\r\n width={7}\r\n height={7}\r\n hasRadius\r\n type=\"button\"\r\n >\r\n <ArrowDown fill={!canMoveDown ? 'neutral300' : 'neutral600'} />\r\n </FlexButton>\r\n </Toolbar.Button>\r\n </Tooltip>\r\n </Flex>\r\n );\r\n};\r\n\r\nconst BlocksToolbar = () => {\r\n const { editor, blocks, modifiers, disabled } = useBlocksEditorContext('BlocksToolbar');\r\n const { formatMessage } = useIntl();\r\n const isMobile = useIsMobile();\r\n\r\n /**\r\n * The modifier buttons are disabled when an image is selected.\r\n */\r\n const checkButtonDisabled = () => {\r\n // Always disabled when the whole editor is disabled\r\n if (disabled) {\r\n return true;\r\n }\r\n\r\n if (!editor.selection) {\r\n return false;\r\n }\r\n\r\n const selectedNode = editor.children[editor.selection.anchor.path[0]];\r\n if (!selectedNode) return true;\r\n\r\n if (['image', 'code'].includes(selectedNode.type)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n const isButtonDisabled = checkButtonDisabled();\r\n\r\n /**\r\n * Observed components are ones that may or may not be visible in the toolbar, depending on the\r\n * available space. They provide two render props:\r\n * - renderInToolbar: for when we try to render the component in the toolbar (may be hidden)\r\n * - renderInMenu: for when the component didn't fit in the toolbar and is relegated\r\n * to the \"more\" menu\r\n */\r\n const observedComponents: ObservedComponent[] = [\r\n ...Object.entries(modifiers).map(([name, modifier]) => {\r\n const Icon = modifier.icon;\r\n const isActive = modifier.checkIsActive(editor);\r\n const handleSelect = () => modifier.handleToggle(editor);\r\n\r\n return {\r\n toolbar: (\r\n <ToolbarButton\r\n key={name}\r\n name={name}\r\n icon={modifier.icon}\r\n label={modifier.label}\r\n isActive={modifier.checkIsActive(editor)}\r\n handleClick={handleSelect}\r\n disabled={isButtonDisabled}\r\n />\r\n ),\r\n menu: (\r\n <StyledMenuItem startIcon={<Icon />} onSelect={handleSelect} isActive={isActive}>\r\n {formatMessage(modifier.label)}\r\n </StyledMenuItem>\r\n ),\r\n key: `modifier.${name}`,\r\n };\r\n }),\r\n {\r\n toolbar: <LinkButton disabled={isButtonDisabled} location=\"toolbar\" />,\r\n menu: <LinkButton disabled={isButtonDisabled} location=\"menu\" />,\r\n key: 'block.link',\r\n },\r\n {\r\n // List buttons can only be rendered together when in the toolbar\r\n toolbar: (\r\n <Flex direction=\"row\">\r\n <ToolbarSeparator style={{ marginLeft: '0.4rem' }} />\r\n <Toolbar.ToggleGroup type=\"single\" asChild>\r\n <Flex gap={1}>\r\n <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"toolbar\" />\r\n <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"toolbar\" />\r\n </Flex>\r\n </Toolbar.ToggleGroup>\r\n </Flex>\r\n ),\r\n menu: (\r\n <>\r\n <Menu.Separator />\r\n <ListButton block={blocks['list-unordered']!} format=\"unordered\" location=\"menu\" />\r\n <ListButton block={blocks['list-ordered']!} format=\"ordered\" location=\"menu\" />\r\n </>\r\n ),\r\n key: 'block.list',\r\n },\r\n ];\r\n\r\n return (\r\n <Toolbar.Root aria-disabled={disabled} asChild>\r\n <ToolbarWrapper padding={{ initial: 1, medium: 2 }} width=\"100%\">\r\n <BlocksDropdown />\r\n {isMobile && (\r\n <>\r\n <ToolbarSeparator />\r\n <ReorderToolbarButtons />\r\n </>\r\n )}\r\n <ToolbarSeparator />\r\n <Toolbar.ToggleGroup type=\"multiple\" asChild>\r\n <Flex direction=\"row\" gap={1} grow={1} overflow=\"hidden\">\r\n <EditorToolbarObserver observedComponents={observedComponents} />\r\n </Flex>\r\n </Toolbar.ToggleGroup>\r\n </ToolbarWrapper>\r\n </Toolbar.Root>\r\n );\r\n};\r\n\r\nexport { BlocksToolbar, useConversionModal };\r\n"],"names":["ToolbarWrapper","styled","Flex","theme","colors","neutral150","ToolbarSeparator","Toolbar","Separator","spaces","breakpoints","medium","FlexButton","primary100","SelectWrapper","Box","neutral600","useConversionModal","modalElement","setModalComponent","React","useState","handleConversionResult","renderModal","cloneElement","key","Date","now","ToolbarButton","icon","Icon","name","label","isActive","disabled","handleClick","editor","useBlocksEditorContext","formatMessage","useIntl","labelMessage","enabledColor","_jsx","Tooltip","ToggleItem","value","data-state","onPointerDown","e","preventDefault","ReactEditor","focus","aria-disabled","aria-label","asChild","tag","background","alignItems","justifyContent","width","height","hasRadius","type","fill","BlocksDropdown","blocks","isMobile","useIsMobile","blockKeysToInclude","getEntries","reduce","currentKeys","block","isInBlocksSelector","blockSelected","setBlockSelected","handleSelect","optionKey","editorIsEmpty","children","length","Editor","isEmpty","selection","lastPath","last","Transforms","select","range","start","currentListEntry","above","match","node","isEditor","includes","currentList","currentListPath","format","isListNode","setNodes","at","maybeRenderModal","handleConvert","preventSelectFocus","useEffect","selectedNode","anchor","anchorNode","parent","edge","depth","anchorBlockKey","getKeys","find","blockKey","matchNode","selectedBlock","_jsxs","_Fragment","SingleSelect","startIcon","onChange","customizeContent","onCloseAutoFocus","id","defaultMessage","map","selectorBlock","BlockOption","isSelected","SingleSelectOption","Node","isNode","ListButton","location","isListActive","isListDisabled","anchorNodeEntry","focusNodeEntry","toggleList","_","lastNodePath","StyledMenuItem","onSelect","LinkButton","isLinkActive","Array","from","nodes","unhangRange","SlateElement","isElement","Boolean","isLinkDisabled","addLink","shouldSaveLinkPath","insertLink","url","Link","Menu","Item","props","css","primary600","neutral500","ReorderToolbarButtons","setLiveText","totalBlocks","anchorIndex","path","focusIndex","isSingleBlockSelection","selectedTopLevelNode","Object","values","isSelectedBlockDraggable","isDraggable","canMoveUp","canMoveDown","moveBlock","direction","currentIndex","newIndex","moveNodes","to","getTranslation","item","position","gap","Button","ArrowUp","ArrowDown","BlocksToolbar","modifiers","checkButtonDisabled","isButtonDisabled","observedComponents","entries","modifier","checkIsActive","handleToggle","toolbar","menu","style","marginLeft","ToggleGroup","Root","padding","initial","grow","overflow","EditorToolbarObserver"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.js ADDED Viewed

@@ -0,0 +1,22 @@
+'use strict';
+var Code = require('./Blocks/Code.js');
+var Heading = require('./Blocks/Heading.js');
+var Image = require('./Blocks/Image.js');
+var Link = require('./Blocks/Link.js');
+var List = require('./Blocks/List.js');
+var Paragraph = require('./Blocks/Paragraph.js');
+var Quote = require('./Blocks/Quote.js');
+const defaultBlocksStore = {
+    ...Paragraph.paragraphBlocks,
+    ...Heading.headingBlocks,
+    ...List.listBlocks,
+    ...Link.linkBlocks,
+    ...Image.imageBlocks,
+    ...Quote.quoteBlocks,
+    ...Code.codeBlocks
+};
+exports.defaultBlocksStore = defaultBlocksStore;
+//# sourceMappingURL=DefaultBlocksStore.js.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DefaultBlocksStore.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.tsx"],"sourcesContent":["import { codeBlocks } from './Blocks/Code';\r\nimport { headingBlocks } from './Blocks/Heading';\r\nimport { imageBlocks } from './Blocks/Image';\r\nimport { linkBlocks } from './Blocks/Link';\r\nimport { listBlocks } from './Blocks/List';\r\nimport { paragraphBlocks } from './Blocks/Paragraph';\r\nimport { quoteBlocks } from './Blocks/Quote';\r\nimport { BlocksStore } from './BlocksEditor';\r\n\r\nconst defaultBlocksStore: BlocksStore = {\r\n ...paragraphBlocks,\r\n ...headingBlocks,\r\n ...listBlocks,\r\n ...linkBlocks,\r\n ...imageBlocks,\r\n ...quoteBlocks,\r\n ...codeBlocks,\r\n};\r\n\r\nexport { defaultBlocksStore };\r\n"],"names":["defaultBlocksStore","paragraphBlocks","headingBlocks","listBlocks","linkBlocks","imageBlocks","quoteBlocks","codeBlocks"],"mappings":";;;;;;;;;;AASA,MAAMA,kBAAAA,GAAkC;AACtC,IAAA,GAAGC,yBAAe;AAClB,IAAA,GAAGC,qBAAa;AAChB,IAAA,GAAGC,eAAU;AACb,IAAA,GAAGC,eAAU;AACb,IAAA,GAAGC,iBAAW;AACd,IAAA,GAAGC,iBAAW;AACd,IAAA,GAAGC;AACL;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { codeBlocks } from './Blocks/Code.mjs';
+import { headingBlocks } from './Blocks/Heading.mjs';
+import { imageBlocks } from './Blocks/Image.mjs';
+import { linkBlocks } from './Blocks/Link.mjs';
+import { listBlocks } from './Blocks/List.mjs';
+import { paragraphBlocks } from './Blocks/Paragraph.mjs';
+import { quoteBlocks } from './Blocks/Quote.mjs';
+const defaultBlocksStore = {
+    ...paragraphBlocks,
+    ...headingBlocks,
+    ...listBlocks,
+    ...linkBlocks,
+    ...imageBlocks,
+    ...quoteBlocks,
+    ...codeBlocks
+};
+export { defaultBlocksStore };
+//# sourceMappingURL=DefaultBlocksStore.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DefaultBlocksStore.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/DefaultBlocksStore.tsx"],"sourcesContent":["import { codeBlocks } from './Blocks/Code';\r\nimport { headingBlocks } from './Blocks/Heading';\r\nimport { imageBlocks } from './Blocks/Image';\r\nimport { linkBlocks } from './Blocks/Link';\r\nimport { listBlocks } from './Blocks/List';\r\nimport { paragraphBlocks } from './Blocks/Paragraph';\r\nimport { quoteBlocks } from './Blocks/Quote';\r\nimport { BlocksStore } from './BlocksEditor';\r\n\r\nconst defaultBlocksStore: BlocksStore = {\r\n ...paragraphBlocks,\r\n ...headingBlocks,\r\n ...listBlocks,\r\n ...linkBlocks,\r\n ...imageBlocks,\r\n ...quoteBlocks,\r\n ...codeBlocks,\r\n};\r\n\r\nexport { defaultBlocksStore };\r\n"],"names":["defaultBlocksStore","paragraphBlocks","headingBlocks","listBlocks","linkBlocks","imageBlocks","quoteBlocks","codeBlocks"],"mappings":";;;;;;;;AASA,MAAMA,kBAAAA,GAAkC;AACtC,IAAA,GAAGC,eAAe;AAClB,IAAA,GAAGC,aAAa;AAChB,IAAA,GAAGC,UAAU;AACb,IAAA,GAAGC,UAAU;AACb,IAAA,GAAGC,WAAW;AACd,IAAA,GAAGC,WAAW;AACd,IAAA,GAAGC;AACL;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.js ADDED Viewed

@@ -0,0 +1,89 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var translations = require('../../../../../utils/translations.js');
+var BlocksEditor = require('./BlocksEditor.js');
+const EditorLayout = ({ children, error, disabled, onToggleExpand, ariaDescriptionId })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { isExpandedMode } = BlocksEditor.useBlocksEditorContext('editorLayout');
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            isExpandedMode && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+                open: isExpandedMode,
+                onOpenChange: onToggleExpand,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+                    style: {
+                        maxWidth: 'unset',
+                        width: 'unset'
+                    },
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        height: "90dvh",
+                        width: "90dvw",
+                        alignItems: "flex-start",
+                        direction: "column",
+                        children: [
+                            children,
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                position: "absolute",
+                                bottom: "1.2rem",
+                                right: "1.2rem",
+                                shadow: "filterShadow",
+                                label: formatMessage({
+                                    id: translations.getTranslation('components.Blocks.collapse'),
+                                    defaultMessage: 'Collapse'
+                                }),
+                                onClick: onToggleExpand,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Collapse, {})
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(InputWrapper, {
+                direction: "column",
+                alignItems: "flex-start",
+                height: "512px",
+                $disabled: disabled,
+                $hasError: Boolean(error),
+                style: {
+                    overflow: 'hidden'
+                },
+                "aria-describedby": ariaDescriptionId,
+                position: "relative",
+                children: !isExpandedMode && children
+            })
+        ]
+    });
+};
+const InputWrapper = styledComponents.styled(designSystem.Flex)`
+  border: 1px solid
+    ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.neutral200};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.neutral0};
+  ${({ theme, $hasError = false })=>styledComponents.css`
+    outline: none;
+    box-shadow: 0;
+    transition-property: border-color, box-shadow, fill;
+    transition-duration: 0.2s;
+    &:focus-within {
+      border: 1px solid ${$hasError ? theme.colors.danger600 : theme.colors.primary600};
+      box-shadow: ${$hasError ? theme.colors.danger600 : theme.colors.primary600} 0px 0px 0px 2px;
+    }
+  `}
+  ${({ theme, $disabled })=>$disabled ? styledComponents.css`
+          color: ${theme.colors.neutral600};
+          background: ${theme.colors.neutral150};
+        ` : undefined}
+`;
+exports.EditorLayout = EditorLayout;
+//# sourceMappingURL=EditorLayout.js.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EditorLayout.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Flex, IconButton, FlexComponent, Modal } from '@strapi/design-system';\r\nimport { Collapse } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { css, styled } from 'styled-components';\r\n\r\nimport { getTranslation } from '../../../../../utils/translations';\r\n\r\nimport { useBlocksEditorContext } from './BlocksEditor';\r\n\r\ninterface EditorLayoutProps {\r\n children: React.ReactNode;\r\n error?: string;\r\n onToggleExpand: () => void;\r\n disabled: boolean;\r\n ariaDescriptionId: string;\r\n}\r\n\r\nconst EditorLayout = ({\r\n children,\r\n error,\r\n disabled,\r\n onToggleExpand,\r\n ariaDescriptionId,\r\n}: EditorLayoutProps) => {\r\n const { formatMessage } = useIntl();\r\n const { isExpandedMode } = useBlocksEditorContext('editorLayout');\r\n\r\n return (\r\n <>\r\n {isExpandedMode && (\r\n <Modal.Root open={isExpandedMode} onOpenChange={onToggleExpand}>\r\n <Modal.Content style={{ maxWidth: 'unset', width: 'unset' }}>\r\n <Flex height=\"90dvh\" width=\"90dvw\" alignItems=\"flex-start\" direction=\"column\">\r\n {children}\r\n <IconButton\r\n position=\"absolute\"\r\n bottom=\"1.2rem\"\r\n right=\"1.2rem\"\r\n shadow=\"filterShadow\"\r\n label={formatMessage({\r\n id: getTranslation('components.Blocks.collapse'),\r\n defaultMessage: 'Collapse',\r\n })}\r\n onClick={onToggleExpand}\r\n >\r\n <Collapse />\r\n </IconButton>\r\n </Flex>\r\n </Modal.Content>\r\n </Modal.Root>\r\n )}\r\n <InputWrapper\r\n direction=\"column\"\r\n alignItems=\"flex-start\"\r\n height=\"512px\"\r\n $disabled={disabled}\r\n $hasError={Boolean(error)}\r\n style={{ overflow: 'hidden' }}\r\n aria-describedby={ariaDescriptionId}\r\n position=\"relative\"\r\n >\r\n {!isExpandedMode && children}\r\n </InputWrapper>\r\n </>\r\n );\r\n};\r\n\r\nconst InputWrapper = styled<FlexComponent>(Flex)<{ $disabled?: boolean; $hasError?: boolean }>`\r\n border: 1px solid\r\n ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.neutral200)};\r\n border-radius: ${({ theme }) => theme.borderRadius};\r\n background: ${({ theme }) => theme.colors.neutral0};\r\n\r\n ${({ theme, $hasError = false }) => css`\r\n outline: none;\r\n box-shadow: 0;\r\n transition-property: border-color, box-shadow, fill;\r\n transition-duration: 0.2s;\r\n\r\n &:focus-within {\r\n border: 1px solid ${$hasError ? theme.colors.danger600 : theme.colors.primary600};\r\n box-shadow: ${$hasError ? theme.colors.danger600 : theme.colors.primary600} 0px 0px 0px 2px;\r\n }\r\n `}\r\n\r\n ${({ theme, $disabled }) =>\r\n $disabled\r\n ? css`\r\n color: ${theme.colors.neutral600};\r\n background: ${theme.colors.neutral150};\r\n `\r\n : undefined}\r\n`;\r\n\r\nexport { EditorLayout };\r\n"],"names":["EditorLayout","children","error","disabled","onToggleExpand","ariaDescriptionId","formatMessage","useIntl","isExpandedMode","useBlocksEditorContext","_jsxs","_Fragment","_jsx","Modal","Root","open","onOpenChange","Content","style","maxWidth","width","Flex","height","alignItems","direction","IconButton","position","bottom","right","shadow","label","id","getTranslation","defaultMessage","onClick","Collapse","InputWrapper","$disabled","$hasError","Boolean","overflow","aria-describedby","styled","theme","colors","danger600","neutral200","borderRadius","neutral0","css","primary600","neutral600","neutral150","undefined"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.mjs ADDED Viewed

@@ -0,0 +1,87 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Flex, Modal, IconButton } from '@strapi/design-system';
+import { Collapse } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { css, styled } from 'styled-components';
+import { getTranslation } from '../../../../../utils/translations.mjs';
+import { useBlocksEditorContext } from './BlocksEditor.mjs';
+const EditorLayout = ({ children, error, disabled, onToggleExpand, ariaDescriptionId })=>{
+    const { formatMessage } = useIntl();
+    const { isExpandedMode } = useBlocksEditorContext('editorLayout');
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            isExpandedMode && /*#__PURE__*/ jsx(Modal.Root, {
+                open: isExpandedMode,
+                onOpenChange: onToggleExpand,
+                children: /*#__PURE__*/ jsx(Modal.Content, {
+                    style: {
+                        maxWidth: 'unset',
+                        width: 'unset'
+                    },
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        height: "90dvh",
+                        width: "90dvw",
+                        alignItems: "flex-start",
+                        direction: "column",
+                        children: [
+                            children,
+                            /*#__PURE__*/ jsx(IconButton, {
+                                position: "absolute",
+                                bottom: "1.2rem",
+                                right: "1.2rem",
+                                shadow: "filterShadow",
+                                label: formatMessage({
+                                    id: getTranslation('components.Blocks.collapse'),
+                                    defaultMessage: 'Collapse'
+                                }),
+                                onClick: onToggleExpand,
+                                children: /*#__PURE__*/ jsx(Collapse, {})
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(InputWrapper, {
+                direction: "column",
+                alignItems: "flex-start",
+                height: "512px",
+                $disabled: disabled,
+                $hasError: Boolean(error),
+                style: {
+                    overflow: 'hidden'
+                },
+                "aria-describedby": ariaDescriptionId,
+                position: "relative",
+                children: !isExpandedMode && children
+            })
+        ]
+    });
+};
+const InputWrapper = styled(Flex)`
+  border: 1px solid
+    ${({ theme, $hasError })=>$hasError ? theme.colors.danger600 : theme.colors.neutral200};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.neutral0};
+  ${({ theme, $hasError = false })=>css`
+    outline: none;
+    box-shadow: 0;
+    transition-property: border-color, box-shadow, fill;
+    transition-duration: 0.2s;
+    &:focus-within {
+      border: 1px solid ${$hasError ? theme.colors.danger600 : theme.colors.primary600};
+      box-shadow: ${$hasError ? theme.colors.danger600 : theme.colors.primary600} 0px 0px 0px 2px;
+    }
+  `}
+  ${({ theme, $disabled })=>$disabled ? css`
+          color: ${theme.colors.neutral600};
+          background: ${theme.colors.neutral150};
+        ` : undefined}
+`;
+export { EditorLayout };
+//# sourceMappingURL=EditorLayout.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EditorLayout.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/EditorLayout.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Flex, IconButton, FlexComponent, Modal } from '@strapi/design-system';\r\nimport { Collapse } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { css, styled } from 'styled-components';\r\n\r\nimport { getTranslation } from '../../../../../utils/translations';\r\n\r\nimport { useBlocksEditorContext } from './BlocksEditor';\r\n\r\ninterface EditorLayoutProps {\r\n children: React.ReactNode;\r\n error?: string;\r\n onToggleExpand: () => void;\r\n disabled: boolean;\r\n ariaDescriptionId: string;\r\n}\r\n\r\nconst EditorLayout = ({\r\n children,\r\n error,\r\n disabled,\r\n onToggleExpand,\r\n ariaDescriptionId,\r\n}: EditorLayoutProps) => {\r\n const { formatMessage } = useIntl();\r\n const { isExpandedMode } = useBlocksEditorContext('editorLayout');\r\n\r\n return (\r\n <>\r\n {isExpandedMode && (\r\n <Modal.Root open={isExpandedMode} onOpenChange={onToggleExpand}>\r\n <Modal.Content style={{ maxWidth: 'unset', width: 'unset' }}>\r\n <Flex height=\"90dvh\" width=\"90dvw\" alignItems=\"flex-start\" direction=\"column\">\r\n {children}\r\n <IconButton\r\n position=\"absolute\"\r\n bottom=\"1.2rem\"\r\n right=\"1.2rem\"\r\n shadow=\"filterShadow\"\r\n label={formatMessage({\r\n id: getTranslation('components.Blocks.collapse'),\r\n defaultMessage: 'Collapse',\r\n })}\r\n onClick={onToggleExpand}\r\n >\r\n <Collapse />\r\n </IconButton>\r\n </Flex>\r\n </Modal.Content>\r\n </Modal.Root>\r\n )}\r\n <InputWrapper\r\n direction=\"column\"\r\n alignItems=\"flex-start\"\r\n height=\"512px\"\r\n $disabled={disabled}\r\n $hasError={Boolean(error)}\r\n style={{ overflow: 'hidden' }}\r\n aria-describedby={ariaDescriptionId}\r\n position=\"relative\"\r\n >\r\n {!isExpandedMode && children}\r\n </InputWrapper>\r\n </>\r\n );\r\n};\r\n\r\nconst InputWrapper = styled<FlexComponent>(Flex)<{ $disabled?: boolean; $hasError?: boolean }>`\r\n border: 1px solid\r\n ${({ theme, $hasError }) => ($hasError ? theme.colors.danger600 : theme.colors.neutral200)};\r\n border-radius: ${({ theme }) => theme.borderRadius};\r\n background: ${({ theme }) => theme.colors.neutral0};\r\n\r\n ${({ theme, $hasError = false }) => css`\r\n outline: none;\r\n box-shadow: 0;\r\n transition-property: border-color, box-shadow, fill;\r\n transition-duration: 0.2s;\r\n\r\n &:focus-within {\r\n border: 1px solid ${$hasError ? theme.colors.danger600 : theme.colors.primary600};\r\n box-shadow: ${$hasError ? theme.colors.danger600 : theme.colors.primary600} 0px 0px 0px 2px;\r\n }\r\n `}\r\n\r\n ${({ theme, $disabled }) =>\r\n $disabled\r\n ? css`\r\n color: ${theme.colors.neutral600};\r\n background: ${theme.colors.neutral150};\r\n `\r\n : undefined}\r\n`;\r\n\r\nexport { EditorLayout };\r\n"],"names":["EditorLayout","children","error","disabled","onToggleExpand","ariaDescriptionId","formatMessage","useIntl","isExpandedMode","useBlocksEditorContext","_jsxs","_Fragment","_jsx","Modal","Root","open","onOpenChange","Content","style","maxWidth","width","Flex","height","alignItems","direction","IconButton","position","bottom","right","shadow","label","id","getTranslation","defaultMessage","onClick","Collapse","InputWrapper","$disabled","$hasError","Boolean","overflow","aria-describedby","styled","theme","colors","danger600","neutral200","borderRadius","neutral0","css","primary600","neutral600","neutral150","undefined"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Modifiers.js ADDED Viewed

@@ -0,0 +1,181 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var slate = require('slate');
+var styledComponents = require('styled-components');
+const stylesToInherit = styledComponents.css`
+  font-size: inherit;
+  color: inherit;
+  line-height: inherit;
+`;
+const BoldText = styledComponents.styled(designSystem.Typography).attrs({
+    fontWeight: 'bold'
+})`
+  ${stylesToInherit}
+`;
+const ItalicText = styledComponents.styled(designSystem.Typography)`
+  font-style: italic;
+  ${stylesToInherit}
+`;
+const UnderlineText = styledComponents.styled(designSystem.Typography).attrs({
+    textDecoration: 'underline'
+})`
+  ${stylesToInherit}
+`;
+const StrikeThroughText = styledComponents.styled(designSystem.Typography).attrs({
+    textDecoration: 'line-through'
+})`
+  ${stylesToInherit}
+`;
+const InlineCode = styledComponents.styled.code`
+  background-color: ${({ theme })=>theme.colors.neutral150};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  padding: ${({ theme })=>`0 ${theme.spaces[2]}`};
+  font-family:
+    'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
+  color: inherit;
+`;
+/**
+ * The default handler for checking if a modifier is active
+ */ const baseCheckIsActive = (editor, name)=>{
+    const { selection } = editor;
+    // If there's no selection, fall back to Slate's current marks.
+    // (This is what will be applied to newly inserted text.)
+    if (!selection) {
+        const marks = slate.Editor.marks(editor);
+        return Boolean(marks?.[name]);
+    }
+    // Collapsed selection (caret): current marks are reliable.
+    if (slate.Range.isCollapsed(selection)) {
+        const marks = slate.Editor.marks(editor);
+        return Boolean(marks?.[name]);
+    }
+    /**
+   * Expanded selection: derive "active" state from the selected text nodes.
+   *
+   * This avoids a common mobile edge case where the selection focus can sit just
+   * outside the formatted span (so relying on caret/focus marks would be wrong).
+   *
+   * Additionally, mobile selection often includes an extra whitespace character at
+   * the edge (e.g. the trailing space after a word). We ignore whitespace-only
+   * portions when computing active state so the toolbar reflects the intended
+   * formatted text.
+   */ const range = slate.Editor.unhangRange(editor, selection);
+    const selectedTextEntries = Array.from(slate.Editor.nodes(editor, {
+        at: range,
+        match: slate.Text.isText,
+        mode: 'all'
+    }));
+    if (selectedTextEntries.length === 0) return false;
+    const summary = selectedTextEntries.reduce((acc, [node, path])=>{
+        const nodeRange = slate.Editor.range(editor, path);
+        const intersection = slate.Range.intersection(range, nodeRange);
+        if (!intersection) {
+            return acc;
+        }
+        const start = Math.min(intersection.anchor.offset, intersection.focus.offset);
+        const end = Math.max(intersection.anchor.offset, intersection.focus.offset);
+        const selectedSlice = node.text.slice(start, end);
+        // Ignore whitespace-only slices (common in mobile selection boundaries).
+        if (selectedSlice.trim().length === 0) {
+            return acc;
+        }
+        return {
+            hasNonWhitespaceSelection: true,
+            isEveryRelevantNodeMarked: acc.isEveryRelevantNodeMarked && Boolean(node[name])
+        };
+    }, {
+        hasNonWhitespaceSelection: false,
+        isEveryRelevantNodeMarked: true
+    });
+    return summary.hasNonWhitespaceSelection && summary.isEveryRelevantNodeMarked;
+};
+/**
+ * The default handler for toggling a modifier
+ */ const baseHandleToggle = (editor, name)=>{
+    // If there is no selection, set selection to the end of line
+    if (!editor.selection) {
+        const endOfEditor = slate.Editor.end(editor, []);
+        slate.Transforms.select(editor, endOfEditor);
+    }
+    // Toggle the modifier
+    if (baseCheckIsActive(editor, name)) {
+        slate.Editor.removeMark(editor, name);
+    } else {
+        slate.Editor.addMark(editor, name, true);
+    }
+};
+const modifiers = {
+    bold: {
+        icon: Icons.Bold,
+        isValidEventKey: (event)=>event.key === 'b',
+        label: {
+            id: 'components.Blocks.modifiers.bold',
+            defaultMessage: 'Bold'
+        },
+        checkIsActive: (editor)=>baseCheckIsActive(editor, 'bold'),
+        handleToggle: (editor)=>baseHandleToggle(editor, 'bold'),
+        renderLeaf: (children)=>/*#__PURE__*/ jsxRuntime.jsx(BoldText, {
+                children: children
+            })
+    },
+    italic: {
+        icon: Icons.Italic,
+        isValidEventKey: (event)=>event.key === 'i',
+        label: {
+            id: 'components.Blocks.modifiers.italic',
+            defaultMessage: 'Italic'
+        },
+        checkIsActive: (editor)=>baseCheckIsActive(editor, 'italic'),
+        handleToggle: (editor)=>baseHandleToggle(editor, 'italic'),
+        renderLeaf: (children)=>/*#__PURE__*/ jsxRuntime.jsx(ItalicText, {
+                children: children
+            })
+    },
+    underline: {
+        icon: Icons.Underline,
+        isValidEventKey: (event)=>event.key === 'u',
+        label: {
+            id: 'components.Blocks.modifiers.underline',
+            defaultMessage: 'Underline'
+        },
+        checkIsActive: (editor)=>baseCheckIsActive(editor, 'underline'),
+        handleToggle: (editor)=>baseHandleToggle(editor, 'underline'),
+        renderLeaf: (children)=>/*#__PURE__*/ jsxRuntime.jsx(UnderlineText, {
+                children: children
+            })
+    },
+    strikethrough: {
+        icon: Icons.StrikeThrough,
+        isValidEventKey: (event)=>event.key === 'S' && event.shiftKey,
+        label: {
+            id: 'components.Blocks.modifiers.strikethrough',
+            defaultMessage: 'Strikethrough'
+        },
+        checkIsActive: (editor)=>baseCheckIsActive(editor, 'strikethrough'),
+        handleToggle: (editor)=>baseHandleToggle(editor, 'strikethrough'),
+        renderLeaf: (children)=>/*#__PURE__*/ jsxRuntime.jsx(StrikeThroughText, {
+                children: children
+            })
+    },
+    code: {
+        icon: Icons.Code,
+        isValidEventKey: (event)=>event.key === 'e',
+        label: {
+            id: 'components.Blocks.modifiers.code',
+            defaultMessage: 'Inline code'
+        },
+        checkIsActive: (editor)=>baseCheckIsActive(editor, 'code'),
+        handleToggle: (editor)=>baseHandleToggle(editor, 'code'),
+        renderLeaf: (children)=>/*#__PURE__*/ jsxRuntime.jsx(InlineCode, {
+                children: children
+            })
+    }
+};
+exports.modifiers = modifiers;
+//# sourceMappingURL=Modifiers.js.map

package/dist/admin/pages/EditView/components/FormInputs/BlocksInput/Modifiers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Modifiers.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/BlocksInput/Modifiers.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Typography, TypographyComponent } from '@strapi/design-system';\r\nimport { Bold, Italic, Underline, StrikeThrough, Code } from '@strapi/icons';\r\nimport { type MessageDescriptor } from 'react-intl';\r\nimport { Editor, type NodeEntry, Range, Text, Transforms } from 'slate';\r\nimport { styled, css } from 'styled-components';\r\n\r\nconst stylesToInherit = css`\r\n font-size: inherit;\r\n color: inherit;\r\n line-height: inherit;\r\n`;\r\n\r\nconst BoldText = styled<TypographyComponent>(Typography).attrs({ fontWeight: 'bold' })`\r\n ${stylesToInherit}\r\n`;\r\n\r\nconst ItalicText = styled<TypographyComponent>(Typography)`\r\n font-style: italic;\r\n ${stylesToInherit}\r\n`;\r\n\r\nconst UnderlineText = styled<TypographyComponent>(Typography).attrs({\r\n textDecoration: 'underline',\r\n})`\r\n ${stylesToInherit}\r\n`;\r\n\r\nconst StrikeThroughText = styled<TypographyComponent>(Typography).attrs({\r\n textDecoration: 'line-through',\r\n})`\r\n ${stylesToInherit}\r\n`;\r\n\r\nconst InlineCode = styled.code`\r\n background-color: ${({ theme }) => theme.colors.neutral150};\r\n border-radius: ${({ theme }) => theme.borderRadius};\r\n padding: ${({ theme }) => `0 ${theme.spaces[2]}`};\r\n font-family:\r\n 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;\r\n color: inherit;\r\n`;\r\n\r\ntype ModifierKey = Exclude<keyof Text, 'type' | 'text'>;\r\n\r\ntype ModifiersStore = {\r\n [K in ModifierKey]: {\r\n icon: React.ComponentType;\r\n isValidEventKey: (event: React.KeyboardEvent<HTMLElement>) => boolean;\r\n label: MessageDescriptor;\r\n checkIsActive: (editor: Editor) => boolean;\r\n handleToggle: (editor: Editor) => void;\r\n renderLeaf: (children: React.JSX.Element | string) => React.JSX.Element;\r\n };\r\n};\r\n\r\n/**\r\n * The default handler for checking if a modifier is active\r\n */\r\nconst baseCheckIsActive = (editor: Editor, name: ModifierKey) => {\r\n const { selection } = editor;\r\n\r\n // If there's no selection, fall back to Slate's current marks.\r\n // (This is what will be applied to newly inserted text.)\r\n if (!selection) {\r\n const marks = Editor.marks(editor);\r\n return Boolean(marks?.[name]);\r\n }\r\n\r\n // Collapsed selection (caret): current marks are reliable.\r\n if (Range.isCollapsed(selection)) {\r\n const marks = Editor.marks(editor);\r\n return Boolean(marks?.[name]);\r\n }\r\n\r\n /**\r\n * Expanded selection: derive \"active\" state from the selected text nodes.\r\n *\r\n * This avoids a common mobile edge case where the selection focus can sit just\r\n * outside the formatted span (so relying on caret/focus marks would be wrong).\r\n *\r\n * Additionally, mobile selection often includes an extra whitespace character at\r\n * the edge (e.g. the trailing space after a word). We ignore whitespace-only\r\n * portions when computing active state so the toolbar reflects the intended\r\n * formatted text.\r\n */\r\n const range = Editor.unhangRange(editor, selection);\r\n const selectedTextEntries = Array.from(\r\n Editor.nodes(editor, { at: range, match: Text.isText, mode: 'all' })\r\n ) as NodeEntry<Text>[];\r\n\r\n if (selectedTextEntries.length === 0) return false;\r\n\r\n const summary = selectedTextEntries.reduce(\r\n (acc, [node, path]) => {\r\n const nodeRange = Editor.range(editor, path);\r\n const intersection = Range.intersection(range, nodeRange);\r\n\r\n if (!intersection) {\r\n return acc;\r\n }\r\n\r\n const start = Math.min(intersection.anchor.offset, intersection.focus.offset);\r\n const end = Math.max(intersection.anchor.offset, intersection.focus.offset);\r\n const selectedSlice = node.text.slice(start, end);\r\n\r\n // Ignore whitespace-only slices (common in mobile selection boundaries).\r\n if (selectedSlice.trim().length === 0) {\r\n return acc;\r\n }\r\n\r\n return {\r\n hasNonWhitespaceSelection: true,\r\n isEveryRelevantNodeMarked: acc.isEveryRelevantNodeMarked && Boolean(node[name]),\r\n };\r\n },\r\n { hasNonWhitespaceSelection: false, isEveryRelevantNodeMarked: true }\r\n );\r\n\r\n return summary.hasNonWhitespaceSelection && summary.isEveryRelevantNodeMarked;\r\n};\r\n\r\n/**\r\n * The default handler for toggling a modifier\r\n */\r\nconst baseHandleToggle = (editor: Editor, name: ModifierKey) => {\r\n // If there is no selection, set selection to the end of line\r\n if (!editor.selection) {\r\n const endOfEditor = Editor.end(editor, []);\r\n Transforms.select(editor, endOfEditor);\r\n }\r\n\r\n // Toggle the modifier\r\n if (baseCheckIsActive(editor, name)) {\r\n Editor.removeMark(editor, name);\r\n } else {\r\n Editor.addMark(editor, name, true);\r\n }\r\n};\r\n\r\nconst modifiers: ModifiersStore = {\r\n bold: {\r\n icon: Bold,\r\n isValidEventKey: (event) => event.key === 'b',\r\n label: { id: 'components.Blocks.modifiers.bold', defaultMessage: 'Bold' },\r\n checkIsActive: (editor) => baseCheckIsActive(editor, 'bold'),\r\n handleToggle: (editor) => baseHandleToggle(editor, 'bold'),\r\n renderLeaf: (children) => <BoldText>{children}</BoldText>,\r\n },\r\n italic: {\r\n icon: Italic,\r\n isValidEventKey: (event) => event.key === 'i',\r\n label: { id: 'components.Blocks.modifiers.italic', defaultMessage: 'Italic' },\r\n checkIsActive: (editor) => baseCheckIsActive(editor, 'italic'),\r\n handleToggle: (editor) => baseHandleToggle(editor, 'italic'),\r\n renderLeaf: (children) => <ItalicText>{children}</ItalicText>,\r\n },\r\n underline: {\r\n icon: Underline,\r\n isValidEventKey: (event) => event.key === 'u',\r\n label: { id: 'components.Blocks.modifiers.underline', defaultMessage: 'Underline' },\r\n checkIsActive: (editor) => baseCheckIsActive(editor, 'underline'),\r\n handleToggle: (editor) => baseHandleToggle(editor, 'underline'),\r\n renderLeaf: (children) => <UnderlineText>{children}</UnderlineText>,\r\n },\r\n strikethrough: {\r\n icon: StrikeThrough,\r\n isValidEventKey: (event) => event.key === 'S' && event.shiftKey,\r\n label: { id: 'components.Blocks.modifiers.strikethrough', defaultMessage: 'Strikethrough' },\r\n checkIsActive: (editor) => baseCheckIsActive(editor, 'strikethrough'),\r\n handleToggle: (editor) => baseHandleToggle(editor, 'strikethrough'),\r\n renderLeaf: (children) => <StrikeThroughText>{children}</StrikeThroughText>,\r\n },\r\n code: {\r\n icon: Code,\r\n isValidEventKey: (event) => event.key === 'e',\r\n label: { id: 'components.Blocks.modifiers.code', defaultMessage: 'Inline code' },\r\n checkIsActive: (editor) => baseCheckIsActive(editor, 'code'),\r\n handleToggle: (editor) => baseHandleToggle(editor, 'code'),\r\n renderLeaf: (children) => <InlineCode>{children}</InlineCode>,\r\n },\r\n};\r\n\r\nexport { type ModifiersStore, modifiers };\r\n"],"names":["stylesToInherit","css","BoldText","styled","Typography","attrs","fontWeight","ItalicText","UnderlineText","textDecoration","StrikeThroughText","InlineCode","code","theme","colors","neutral150","borderRadius","spaces","baseCheckIsActive","editor","name","selection","marks","Editor","Boolean","Range","isCollapsed","range","unhangRange","selectedTextEntries","Array","from","nodes","at","match","Text","isText","mode","length","summary","reduce","acc","node","path","nodeRange","intersection","start","Math","min","anchor","offset","focus","end","max","selectedSlice","text","slice","trim","hasNonWhitespaceSelection","isEveryRelevantNodeMarked","baseHandleToggle","endOfEditor","Transforms","select","removeMark","addMark","modifiers","bold","icon","Bold","isValidEventKey","event","key","label","id","defaultMessage","checkIsActive","handleToggle","renderLeaf","children","_jsx","italic","Italic","underline","Underline","strikethrough","StrikeThrough","shiftKey","Code"],"mappings":"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"}