tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(richtext-lexical): inline blocks (#7102)

Browse Source
This commit is contained in:
Alessio Gravili
2024-07-16 20:42:36 -04:00
committed by GitHub
parent 1ea2e323bc
commit 676dfa3ecf
41 changed files with 1116 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/ui/src/fields/Blocks/BlockRow.tsx
View File

@@ -79,6 +79,8 @@ export const BlockRow: React.FC<BlockFieldProps> = ({
.filter(Boolean)
.join(' ')
const LabelComponent = block?.LabelComponent
return (
<div
id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}
@@ -119,19 +121,23 @@ export const BlockRow: React.FC<BlockFieldProps> = ({
: undefined
}
header={
<div className={`${baseClass}__block-header`}>
<span className={`${baseClass}__block-number`}>
{String(rowIndex + 1).padStart(2, '0')}
</span>
<Pill
className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}
pillStyle="white"
>
{getTranslation(block.labels.singular, i18n)}
</Pill>
<SectionTitle path={`${path}.blockName`} readOnly={readOnly} />
{fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}
</div>
LabelComponent ? (
<LabelComponent blockKind={'block'} formData={row} />
) : (
<div className={`${baseClass}__block-header`}>
<span className={`${baseClass}__block-number`}>
{String(rowIndex + 1).padStart(2, '0')}
</span>
<Pill
className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}
pillStyle="white"
>
{getTranslation(block.labels.singular, i18n)}
</Pill>
<SectionTitle path={`${path}.blockName`} readOnly={readOnly} />
{fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}
</div>
)
}
isCollapsed={row.collapsed}
key={row.id}