feat(pte): expose data-attributes on PTE Text + Object blocks (#6641)

* feat: expose data attributes on PTE text block components * feat: expose data attributes on PTE default block object component
sanity-io · May 14, 2024 · fceff23 · fceff23
1 parent b13fff4
commit fceff23
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/BlockObject.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/BlockObject.tsx
@@ -282,7 +282,12 @@ export function BlockObject(props: BlockObjectProps) {
         ref={memberItem?.elementRef as RefObject<HTMLDivElement> | undefined}
         contentEditable={false}
       >
-        <Flex paddingBottom={1} marginY={3} style={debugRender()}>
+        <Flex
+          data-object-block="" // used by create
+          paddingBottom={1}
+          marginY={3}
+          style={debugRender()}
+        >
           <InnerFlex flex={1}>
             <Tooltip
               placement="top"
@@ -291,7 +296,10 @@ export function BlockObject(props: BlockObjectProps) {
               disabled={isOpen ? true : !tooltipEnabled}
               content={toolTipContent}
             >
-              <PreviewContainer {...innerPaddingProps}>
+              <PreviewContainer
+                data-object-block-inner="" // used by create
+                {...innerPaddingProps}
+              >
                 {renderBlock && renderBlock(componentProps)}
               </PreviewContainer>
             </Tooltip>

diff --git a/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.tsx b/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.tsx
@@ -269,13 +269,18 @@ export function TextBlock(props: TextBlockProps) {
   return useMemo(
     () => (
       <Box
-        data-testid="text-block"
         {...outerPaddingProps}
-        style={debugRender()}
+        data-testid="text-block"
+        data-text-block="" // used by create
         ref={memberItem?.elementRef as RefObject<HTMLDivElement>}
+        style={debugRender()}
       >
         <TextBlockFlexWrapper data-testid="text-block__wrapper">
-          <Flex flex={1} {...innerPaddingProps}>
+          <Flex
+            data-text-block-inner="" // used by create
+            flex={1}
+            {...innerPaddingProps}
+          >
             <Box flex={1}>
               <Tooltip
                 content={toolTipContent}