@payloadcms/ui 4.0.0-internal.21664f3 → 4.0.0-internal.22d1431

package/dist/fields/Blocks/BlockSelector/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
@@ -21,6 +22,7 @@ const getBlockLabel = (block, i18n) => {
   return '';
 };
 export const BlockSelector = props => {
+  const $ = _c(17);
   const {
     blocks,
     onDoubleClick,
@@ -28,7 +30,7 @@ export const BlockSelector = props => {
     searchTerm: searchTermFromProps,
     selectedBlock
   } = props;
-  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '');
+  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? "");
   const [filteredBlocks, setFilteredBlocks] = useState(blocks);
   const {
     i18n
@@ -36,14 +38,15 @@ export const BlockSelector = props => {
   const {
     config
   } = useConfig();
-  const blockGroups = useMemo(() => {
-    const groups = {
+  let groups;
+  if ($[0] !== filteredBlocks || $[1] !== i18n) {
+    groups = {
       _none: []
     };
     filteredBlocks.forEach(block => {
-      if (typeof block === 'object' && block.admin?.group) {
+      if (typeof block === "object" && block.admin?.group) {
         const group = block.admin.group;
-        const label = typeof group === 'string' ? group : getTranslation(group, i18n);
+        const label = typeof group === "string" ? group : getTranslation(group, i18n);
         if (Object.hasOwn(groups, label)) {
           groups[label].push(block);
         } else {
@@ -53,75 +56,112 @@ export const BlockSelector = props => {
         groups._none.push(block);
       }
     });
-    return groups;
-  }, [filteredBlocks, i18n]);
-  useEffect(() => {
-    const searchTermToUse = searchTerm.toLowerCase();
-    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {
-      const block_0 = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-      const blockLabel = getBlockLabel(block_0, i18n);
-      if (blockLabel.includes(searchTermToUse)) {
-        matchedBlocks.push(block_0);
-      }
-      return matchedBlocks;
-    }, []);
-    setFilteredBlocks(matchingBlocks);
-  }, [searchTerm, blocks, i18n, config.blocksMap]);
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(BlockSearch, {
-      setSearchTerm: setSearchTerm
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__blocks-wrapper`,
-      children: /*#__PURE__*/_jsx("ul", {
-        className: `${baseClass}__block-groups`,
-        children: Object.entries(blockGroups).map(([groupLabel, groupBlocks]) => !groupBlocks.length ? null : /*#__PURE__*/_jsxs("li", {
-          className: [`${baseClass}__block-group`, groupLabel === '_none' && `${baseClass}__block-group-none`].filter(Boolean).join(' '),
-          children: [groupLabel !== '_none' && /*#__PURE__*/_jsx("h3", {
-            className: `${baseClass}__block-group-label`,
-            children: groupLabel
-          }), /*#__PURE__*/_jsx("ul", {
-            className: `${baseClass}__blocks`,
-            children: groupBlocks.map((_block_0, index) => {
-              const block_1 = typeof _block_0 === 'string' ? config.blocksMap[_block_0] : _block_0;
-              const {
-                slug,
-                admin,
-                imageAltText,
-                imageURL,
-                labels: blockLabels
-              } = block_1;
-              const thumbnailURL = admin?.images?.thumbnail ? typeof admin.images.thumbnail === 'string' ? admin.images.thumbnail : admin.images.thumbnail.url : imageURL;
-              const thumbnailAlt = admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string' ? admin.images.thumbnail.alt : imageAltText;
-              return /*#__PURE__*/_jsx("li", {
-                className: `${baseClass}__block`,
-                children: /*#__PURE__*/_jsx(ThumbnailCard, {
-                  alignLabel: "left",
-                  isSelected: selectedBlock === slug,
-                  label: getTranslation(blockLabels?.singular, i18n),
-                  onClick: () => {
-                    if (typeof onSelect === 'function') {
-                      onSelect(slug);
-                    }
-                  },
-                  onDoubleClick: () => {
-                    if (typeof onDoubleClick === 'function') {
-                      onDoubleClick(slug);
-                    }
-                  },
-                  thumbnail: /*#__PURE__*/_jsx("div", {
-                    className: `${baseClass}__default-image`,
-                    children: thumbnailURL ? /*#__PURE__*/_jsx("img", {
-                      alt: thumbnailAlt,
-                      src: thumbnailURL
-                    }) : /*#__PURE__*/_jsx(DefaultBlockImage, {})
-                  })
+    $[0] = filteredBlocks;
+    $[1] = i18n;
+    $[2] = groups;
+  } else {
+    groups = $[2];
+  }
+  const blockGroups = groups;
+  let t0;
+  let t1;
+  if ($[3] !== blocks || $[4] !== config.blocksMap || $[5] !== i18n || $[6] !== searchTerm) {
+    t0 = () => {
+      const searchTermToUse = searchTerm.toLowerCase();
+      const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {
+        const block_0 = typeof _block === "string" ? config.blocksMap[_block] : _block;
+        const blockLabel = getBlockLabel(block_0, i18n);
+        if (blockLabel.includes(searchTermToUse)) {
+          matchedBlocks.push(block_0);
+        }
+        return matchedBlocks;
+      }, []);
+      setFilteredBlocks(matchingBlocks);
+    };
+    t1 = [searchTerm, blocks, i18n, config.blocksMap];
+    $[3] = blocks;
+    $[4] = config.blocksMap;
+    $[5] = i18n;
+    $[6] = searchTerm;
+    $[7] = t0;
+    $[8] = t1;
+  } else {
+    t0 = $[7];
+    t1 = $[8];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[9] !== blockGroups || $[10] !== config.blocksMap || $[11] !== i18n || $[12] !== onDoubleClick || $[13] !== onSelect || $[14] !== selectedBlock || $[15] !== setSearchTerm) {
+    t2 = _jsxs(Fragment, {
+      children: [_jsx(BlockSearch, {
+        setSearchTerm
+      }), _jsx("div", {
+        className: `${baseClass}__blocks-wrapper`,
+        children: _jsx("ul", {
+          className: `${baseClass}__block-groups`,
+          children: Object.entries(blockGroups).map(t3 => {
+            const [groupLabel, groupBlocks] = t3;
+            return !groupBlocks.length ? null : _jsxs("li", {
+              className: [`${baseClass}__block-group`, groupLabel === "_none" && `${baseClass}__block-group-none`].filter(Boolean).join(" "),
+              children: [groupLabel !== "_none" && _jsx("h3", {
+                className: `${baseClass}__block-group-label`,
+                children: groupLabel
+              }), _jsx("ul", {
+                className: `${baseClass}__blocks`,
+                children: groupBlocks.map((_block_0, index) => {
+                  const block_1 = typeof _block_0 === "string" ? config.blocksMap[_block_0] : _block_0;
+                  const {
+                    slug,
+                    admin,
+                    imageAltText,
+                    imageURL,
+                    labels: blockLabels
+                  } = block_1;
+                  const thumbnailURL = admin?.images?.thumbnail ? typeof admin.images.thumbnail === "string" ? admin.images.thumbnail : admin.images.thumbnail.url : imageURL;
+                  const thumbnailAlt = admin?.images?.thumbnail && typeof admin.images.thumbnail !== "string" ? admin.images.thumbnail.alt : imageAltText;
+                  return _jsx("li", {
+                    className: `${baseClass}__block`,
+                    children: _jsx(ThumbnailCard, {
+                      alignLabel: "left",
+                      isSelected: selectedBlock === slug,
+                      label: getTranslation(blockLabels?.singular, i18n),
+                      onClick: () => {
+                        if (typeof onSelect === "function") {
+                          onSelect(slug);
+                        }
+                      },
+                      onDoubleClick: () => {
+                        if (typeof onDoubleClick === "function") {
+                          onDoubleClick(slug);
+                        }
+                      },
+                      thumbnail: _jsx("div", {
+                        className: `${baseClass}__default-image`,
+                        children: thumbnailURL ? _jsx("img", {
+                          alt: thumbnailAlt,
+                          src: thumbnailURL
+                        }) : _jsx(DefaultBlockImage, {})
+                      })
+                    })
+                  }, index);
                 })
-              }, index);
-            })
-          })]
-        }, groupLabel))
-      })
-    })]
-  });
+              })]
+            }, groupLabel);
+          })
+        })
+      })]
+    });
+    $[9] = blockGroups;
+    $[10] = config.blocksMap;
+    $[11] = i18n;
+    $[12] = onDoubleClick;
+    $[13] = onSelect;
+    $[14] = selectedBlock;
+    $[15] = setSearchTerm;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  return t2;
 };
 //# sourceMappingURL=index.js.map

package/dist/fields/Blocks/BlockSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onDoubleClick","onSelect","searchTerm","searchTermFromProps","selectedBlock","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","_jsxs","_jsx","className","entries","map","groupLabel","groupBlocks","length","filter","Boolean","join","index","slug","imageAltText","imageURL","blockLabels","thumbnailURL","images","thumbnail","url","thumbnailAlt","alt","alignLabel","isSelected","onClick","src"],"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.css'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onDoubleClick?: (blockType: string) => void\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\n  readonly selectedBlock?: null | string\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onDoubleClick, onSelect, searchTerm: searchTermFromProps, selectedBlock } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) {\n        matchedBlocks.push(block)\n      }\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n                    const { slug, admin, imageAltText, imageURL, labels: blockLabels } = block\n\n                    const thumbnailURL = admin?.images?.thumbnail\n                      ? typeof admin.images.thumbnail === 'string'\n                        ? admin.images.thumbnail\n                        : admin.images.thumbnail.url\n                      : imageURL\n                    const thumbnailAlt =\n                      admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string'\n                        ? admin.images.thumbnail.alt\n                        : imageAltText\n\n                    return (\n                      <li className={`${baseClass}__block`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"left\"\n                          isSelected={selectedBlock === slug}\n                          label={getTranslation(blockLabels?.singular, i18n)}\n                          onClick={() => {\n                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\n                          }}\n                          onDoubleClick={() => {\n                            if (typeof onDoubleClick === 'function') {\n                              onDoubleClick(slug)\n                            }\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {thumbnailURL ? (\n                                <img alt={thumbnailAlt} src={thumbnailURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","$","blocks","onDoubleClick","onSelect","searchTerm","searchTermFromProps","selectedBlock","setSearchTerm","filteredBlocks","setFilteredBlocks","config","groups","_none","forEach","admin","group","label","Object","hasOwn","push","blockGroups","t0","t1","blocksMap","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","block_0","blockLabel","includes","t2","_jsxs","children","_jsx","className","entries","map","t3","groupLabel","groupBlocks","length","filter","Boolean","join","_block_0","index","block_1","slug","imageAltText","imageURL","blockLabels","thumbnailURL","images","thumbnail","url","thumbnailAlt","alt","alignLabel","isSelected","onClick","src"],"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.css'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onDoubleClick?: (blockType: string) => void\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\n  readonly selectedBlock?: null | string\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onDoubleClick, onSelect, searchTerm: searchTermFromProps, selectedBlock } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) {\n        matchedBlocks.push(block)\n      }\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n                    const { slug, admin, imageAltText, imageURL, labels: blockLabels } = block\n\n                    const thumbnailURL = admin?.images?.thumbnail\n                      ? typeof admin.images.thumbnail === 'string'\n                        ? admin.images.thumbnail\n                        : admin.images.thumbnail.url\n                      : imageURL\n                    const thumbnailAlt =\n                      admin?.images?.thumbnail && typeof admin.images.thumbnail !== 'string'\n                        ? admin.images.thumbnail.alt\n                        : imageAltText\n\n                    return (\n                      <li className={`${baseClass}__block`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"left\"\n                          isSelected={selectedBlock === slug}\n                          label={getTranslation(blockLabels?.singular, i18n)}\n                          onClick={() => {\n                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\n                          }}\n                          onDoubleClick={() => {\n                            if (typeof onDoubleClick === 'function') {\n                              onDoubleClick(slug)\n                            }\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {thumbnailURL ? (\n                                <img alt={thumbnailAlt} src={thumbnailURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useState","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","selectedBlock","setSelectedBlock","t0","t1","t2","handleInsert","t3","slug","handleDoubleClick","t4","t5","singular","_jsx","headerActions","disabled","label","onClick","style","title","children","onDoubleClick","onSelect","searchTerm"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = useState('')\n  const [selectedBlock, setSelectedBlock] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n      setSelectedBlock(null)\n    }\n  }, [isModalOpen, drawerSlug])\n\n  const handleInsert = useCallback(() => {\n    if (selectedBlock) {\n      void addRow(addRowIndex, selectedBlock)\n      closeModal(drawerSlug)\n    }\n  }, [selectedBlock, addRow, addRowIndex, closeModal, drawerSlug])\n\n  const handleDoubleClick = useCallback(\n    (slug: string) => {\n      void addRow(addRowIndex, slug)\n      closeModal(drawerSlug)\n    },\n    [addRow, addRowIndex, closeModal, drawerSlug],\n  )\n\n  return (\n    <Drawer\n      headerActions={[\n        {\n          disabled: !selectedBlock,\n          label: 'Insert',\n          onClick: handleInsert,\n          style: 'primary',\n        },\n      ]}\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onDoubleClick={handleDoubleClick}\n        onSelect={setSelectedBlock}\n        searchTerm={searchTermOverride}\n        selectedBlock={selectedBlock}\n      />\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useState","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","selectedBlock","setSelectedBlock","t0","t1","t2","handleInsert","t3","slug","handleDoubleClick","t4","t5","singular","_jsx","headerActions","disabled","label","onClick","style","title","children","onDoubleClick","onSelect","searchTerm"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = useState('')\n  const [selectedBlock, setSelectedBlock] = useState<null | string>(null)\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n      setSelectedBlock(null)\n    }\n  }, [isModalOpen, drawerSlug])\n\n  const handleInsert = useCallback(() => {\n    if (selectedBlock) {\n      void addRow(addRowIndex, selectedBlock)\n      closeModal(drawerSlug)\n    }\n  }, [selectedBlock, addRow, addRowIndex, closeModal, drawerSlug])\n\n  const handleDoubleClick = useCallback(\n    (slug: string) => {\n      void addRow(addRowIndex, slug)\n      closeModal(drawerSlug)\n    },\n    [addRow, addRowIndex, closeModal, drawerSlug],\n  )\n\n  return (\n    <Drawer\n      headerActions={[\n        {\n          disabled: !selectedBlock,\n          label: 'Insert',\n          onClick: handleInsert,\n          style: 'primary',\n        },\n      ]}\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onDoubleClick={handleDoubleClick}\n        onSelect={setSelectedBlock}\n        searchTerm={searchTermOverride}\n        selectedBlock={selectedBlock}\n      />\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/RowActions.d.ts

@@ -1,5 +1,6 @@
 import type { ClientBlock, ClientField, Labels } from 'payload';
 import React from 'react';
+import type { ClipboardPasteEligibilityArgs } from '../../elements/ClipboardAction/types.js';
 export declare const RowActions: React.FC<{
     readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
     readonly blocks: (ClientBlock | string)[];
@@ -11,7 +12,9 @@ export declare const RowActions: React.FC<{
     readonly isSortable?: boolean;
     readonly labels: Labels;
     readonly moveRow: (fromIndex: number, toIndex: number) => void;
+    readonly pasteData: ClipboardPasteEligibilityArgs;
     readonly pasteRow: (rowIndex: number) => void;
+    readonly pasteRowBelow: (rowIndex: number) => void;
     readonly removeRow: (rowIndex: number) => void;
     readonly rowCount: number;
     readonly rowIndex: number;

package/dist/fields/Blocks/RowActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9E,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAqDA,CAAA"}
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAI/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAA;AAO5F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9E,QAAQ,CAAC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,6BAA6B,CAAA;IACjD,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAgEA,CAAA"}

package/dist/fields/Blocks/RowActions.js

@@ -3,12 +3,14 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
 import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
 export const RowActions = props => {
-  const $ = _c(28);
+  const $ = _c(39);
   const {
     addRow,
     blocks,
@@ -19,7 +21,9 @@ export const RowActions = props => {
     isSortable,
     labels,
     moveRow,
+    pasteData,
     pasteRow,
+    pasteRowBelow,
     removeRow,
     rowCount,
     rowIndex
@@ -28,86 +32,117 @@ export const RowActions = props => {
     closeModal,
     openModal
   } = useModal();
+  const {
+    i18n
+  } = useTranslation();
   const drawerSlug = useDrawerSlug("blocks-drawer");
-  const [indexToAdd, setIndexToAdd] = React.useState(null);
   let t0;
-  if ($[0] !== addRow || $[1] !== closeModal || $[2] !== drawerSlug || $[3] !== indexToAdd) {
-    t0 = (_, rowBlockType) => {
-      if (typeof addRow === "function") {
-        addRow(indexToAdd, rowBlockType);
-      }
-      closeModal(drawerSlug);
-    };
-    $[0] = addRow;
-    $[1] = closeModal;
-    $[2] = drawerSlug;
-    $[3] = indexToAdd;
-    $[4] = t0;
+  if ($[0] !== blockType || $[1] !== blocks || $[2] !== i18n) {
+    let t1;
+    if ($[4] !== blockType) {
+      t1 = candidate => typeof candidate !== "string" && candidate.slug === blockType;
+      $[4] = blockType;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    const block = blocks.find(t1);
+    t0 = block ? getTranslation(block.labels.singular, i18n) : blockType;
+    $[0] = blockType;
+    $[1] = blocks;
+    $[2] = i18n;
+    $[3] = t0;
   } else {
-    t0 = $[4];
+    t0 = $[3];
   }
+  const rowLabel = `${t0} ${rowIndex + 1}`;
+  const [indexToAdd, setIndexToAdd] = React.useState(null);
   let t1;
-  if ($[5] !== blockType || $[6] !== blocks || $[7] !== copyRow || $[8] !== drawerSlug || $[9] !== duplicateRow || $[10] !== hasMaxRows || $[11] !== isSortable || $[12] !== labels || $[13] !== moveRow || $[14] !== openModal || $[15] !== pasteRow || $[16] !== removeRow || $[17] !== rowCount || $[18] !== rowIndex || $[19] !== t0) {
+  if ($[6] !== addRow || $[7] !== blockType || $[8] !== blocks || $[9] !== closeModal || $[10] !== copyRow || $[11] !== drawerSlug || $[12] !== duplicateRow || $[13] !== hasMaxRows || $[14] !== indexToAdd || $[15] !== isSortable || $[16] !== labels || $[17] !== moveRow || $[18] !== openModal || $[19] !== pasteData || $[20] !== pasteRow || $[21] !== pasteRowBelow || $[22] !== removeRow || $[23] !== rowCount || $[24] !== rowIndex || $[25] !== rowLabel) {
     let t2;
-    if ($[21] !== drawerSlug || $[22] !== openModal) {
-      t2 = index => {
+    if ($[27] !== addRow || $[28] !== closeModal || $[29] !== drawerSlug || $[30] !== indexToAdd) {
+      t2 = (_, rowBlockType) => {
+        if (typeof addRow === "function") {
+          addRow(indexToAdd, rowBlockType);
+        }
+        closeModal(drawerSlug);
+      };
+      $[27] = addRow;
+      $[28] = closeModal;
+      $[29] = drawerSlug;
+      $[30] = indexToAdd;
+      $[31] = t2;
+    } else {
+      t2 = $[31];
+    }
+    let t3;
+    if ($[32] !== drawerSlug || $[33] !== openModal) {
+      t3 = index => {
         setIndexToAdd(index);
         openModal(drawerSlug);
       };
-      $[21] = drawerSlug;
-      $[22] = openModal;
-      $[23] = t2;
+      $[32] = drawerSlug;
+      $[33] = openModal;
+      $[34] = t3;
     } else {
-      t2 = $[23];
+      t3 = $[34];
     }
-    let t3;
-    if ($[24] !== blockType || $[25] !== duplicateRow || $[26] !== rowIndex) {
-      t3 = () => duplicateRow(rowIndex, blockType);
-      $[24] = blockType;
-      $[25] = duplicateRow;
-      $[26] = rowIndex;
-      $[27] = t3;
+    let t4;
+    if ($[35] !== blockType || $[36] !== duplicateRow || $[37] !== rowIndex) {
+      t4 = () => duplicateRow(rowIndex, blockType);
+      $[35] = blockType;
+      $[36] = duplicateRow;
+      $[37] = rowIndex;
+      $[38] = t4;
     } else {
-      t3 = $[27];
+      t4 = $[38];
     }
     t1 = _jsxs(React.Fragment, {
       children: [_jsx(BlocksDrawer, {
-        addRow: t0,
+        addRow: t2,
         addRowIndex: rowIndex,
         blocks,
         drawerSlug,
         labels
       }), _jsx(ArrayAction, {
-        addRow: t2,
+        addRow: t3,
         copyRow,
-        duplicateRow: t3,
+        duplicateRow: t4,
         hasMaxRows,
         index: rowIndex,
         isSortable,
+        label: rowLabel,
         moveRow,
+        pasteData,
         pasteRow,
+        pasteRowBelow,
         removeRow,
         rowCount
       })]
     });
-    $[5] = blockType;
-    $[6] = blocks;
-    $[7] = copyRow;
-    $[8] = drawerSlug;
-    $[9] = duplicateRow;
-    $[10] = hasMaxRows;
-    $[11] = isSortable;
-    $[12] = labels;
-    $[13] = moveRow;
-    $[14] = openModal;
-    $[15] = pasteRow;
-    $[16] = removeRow;
-    $[17] = rowCount;
-    $[18] = rowIndex;
-    $[19] = t0;
-    $[20] = t1;
+    $[6] = addRow;
+    $[7] = blockType;
+    $[8] = blocks;
+    $[9] = closeModal;
+    $[10] = copyRow;
+    $[11] = drawerSlug;
+    $[12] = duplicateRow;
+    $[13] = hasMaxRows;
+    $[14] = indexToAdd;
+    $[15] = isSortable;
+    $[16] = labels;
+    $[17] = moveRow;
+    $[18] = openModal;
+    $[19] = pasteData;
+    $[20] = pasteRow;
+    $[21] = pasteRowBelow;
+    $[22] = removeRow;
+    $[23] = rowCount;
+    $[24] = rowIndex;
+    $[25] = rowLabel;
+    $[26] = t1;
   } else {
-    t1 = $[20];
+    t1 = $[26];
   }
   return t1;
 };

package/dist/fields/Blocks/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteRow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\n        pasteRow={pasteRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowActions.js","names":["c","_c","useModal","getTranslation","React","ArrayAction","useDrawerSlug","useTranslation","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","rowIndex","closeModal","openModal","i18n","drawerSlug","t0","t1","candidate","slug","block","find","singular","rowLabel","indexToAdd","setIndexToAdd","useState","t2","_","rowBlockType","t3","index","t4","_jsxs","Fragment","children","_jsx","addRowIndex","label"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../../elements/ClipboardAction/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteData: ClipboardPasteEligibilityArgs\n  readonly pasteRow: (rowIndex: number) => void\n  readonly pasteRowBelow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteData,\n    pasteRow,\n    pasteRowBelow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const { i18n } = useTranslation()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const block = blocks.find(\n    (candidate): candidate is ClientBlock =>\n      typeof candidate !== 'string' && candidate.slug === blockType,\n  )\n  const rowLabel = `${block ? getTranslation(block.labels.singular, i18n) : blockType} ${rowIndex + 1}`\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        label={rowLabel}\n        moveRow={moveRow}\n        pasteData={pasteData}\n        pasteRow={pasteRow}\n        pasteRowBelow={pasteRowBelow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/SectionTitle/index.css

@@ -20,10 +20,9 @@
 
   .section-title:after,
   .section-title__input {
-    font-family: var(--text-body-medium-strong-font-family);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    font-size: var(--text-body-medium-strong-font-size);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    font-size: var(--text-body-medium-bold-font-size);
+    line-height: var(--text-body-medium-bold-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     padding: 0 var(--spacer-1);
     width: 100%;
@@ -36,7 +35,6 @@
 
     &::placeholder {
       color: var(--color-text-tertiary);
-      font-family: var(--text-body-medium-font-family);
       font-weight: var(--text-body-medium-font-weight);
     }
     min-width: min-content;
@@ -71,4 +69,8 @@
   .collapsible--collapsed .section-title--empty {
     display: none;
   }
+
+  html[data-enhanced-contrast] .section-title__input:not([readonly]):not(:focus) {
+    border-color: var(--color-border-control);
+  }
 }

package/dist/fields/Blocks/SectionTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useField","useTranslation","baseClass","SectionTitle","props","$","customOnChange","customValue","path","readOnly","t0","setValue","value","t","t1","Symbol","for","filter","Boolean","classes","join","t2","e","stopPropagation","preventDefault","target","onChange","t3","_jsx","className","children","id","name","placeholder","type"],"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value || t('general:untitled')}>\n      <input\n        aria-label={t('fields:blockName')}\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,cAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAwDL,KAAA;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAG,IAAA;IAEnBE,EAAA;MAAAF;IAAA;IAAOH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAA5C;IAAAM,QAAA;IAAAC;EAAA,IAA4BZ,QAAA,CAASU,EAAO;EAC5C;IAAAG;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEEF,EAAA,IAAAZ,SAAA,EAAAe,MAAA,CAAAC,OAAmB;IAAAb,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAnC,MAAAc,OAAA,GAAgBL,EAAmB,CAAAM,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,QAAA;IAG/CU,EAAA,GAAAf,cAAA,KAAAgB,CAAA;MAEEA,CAAA,CAAAC,eAAA,CAAiB;MACjBD,CAAA,CAAAE,cAAA,CAAgB;MAChBb,QAAA,CAASW,CAAA,CAAAG,MAAA,CAAAb,KAAc;IAAA,EACzB;IAAAP,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EANF,MAAAqB,QAAA,GACEL,EAKA;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAqB,QAAA,IAAArB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,KAAA;IAGAe,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeV,OAAA;MAAA,cAAqBZ,WAAA,IAAeK,KAAA,IAASC,CAAA,CAAE;MAAAiB,QAAA,EAC7DF,IAAA,CAAC;QAAA,cACaf,CAAA,CAAE;QAAAgB,SAAA,EACH,GAAA3B,SAAA,SAAqB;QAAA6B,EAAA,EAC5BvB,IAAA;QAAAwB,IAAA,EACExB,IAAA;QAAAkB,QAAA;QAAAO,WAAA,EAEOpB,CAAA,CAAE;QAAAJ,QAAA;QAAAyB,IAAA,EAEV;QAAAtB,KAAA,EACEL,WAAA,IAAgBK,KAAA,IAAoB;MAAA,C;;;;;;;;;;;;SAV/Ce,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","useTranslation","baseClass","SectionTitle","props","$","customOnChange","customValue","path","readOnly","t0","setValue","value","t","t1","Symbol","for","filter","Boolean","classes","join","t2","e","stopPropagation","preventDefault","target","onChange","t3","_jsx","className","children","id","name","placeholder","type"],"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value || t('general:untitled')}>\n      <input\n        aria-label={t('fields:blockName')}\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3C;IAAAQ,cAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAwDL,KAAA;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAG,IAAA;IAEnBE,EAAA;MAAAF;IAAO;IAAAH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAA5C;IAAAM,QAAA;IAAAC;EAAA,IAA4BZ,QAAA,CAASU,EAAO;EAC5C;IAAAG;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEEF,EAAA,IAACZ,SAAA,CAAU,CAAAe,MAAO,CAACC,OAAA;IAAAb,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAnC,MAAAc,OAAA,GAAgBL,EAAmB,CAAAM,IAAa,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,QAAA;IAG/CU,EAAA,GAAAf,cAKA,KALAgB,CAAA;MAEEA,CAAA,CAAAC,eAAiB;MACjBD,CAAA,CAAAE,cAAgB;MAChBb,QAAA,CAASW,CAAA,CAAAG,MAAQ,CAAAb,KAAM;IAAA,CACzB;IAAAP,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EANF,MAAAqB,QAAA,GACEL,EAKA;EAAA,IAAAM,EAAA;EAAA,IAAAtB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAqB,QAAA,IAAArB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,KAAA;IAGAe,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeV,OAAA;MAAA,cAAqBZ,WAAe,IAAfK,KAA0B,IAAFC,CAAA,CAAE;MAAAiB,QAAA,EAC7DF,IAAA,CAAC;QAAA,cACaf,CAAA,CAAE;QAAAgB,SAAA,EACH,GAAG3B,SAAA,SAAkB;QAAA6B,EAAA,EAC5BvB,IAAA;QAAAwB,IAAA,EACExB,IAAA;QAAAkB,QAAA;QAAAO,WAAA,EAEOpB,CAAA,CAAE;QAAAJ,QAAA;QAAAyB,IAAA,EAEV;QAAAtB,KAAA,EACEL,WAAgB,IAAhBK,KAAoC,IAApC;;;;;;;;;;;;;SAVXe,E;CAcJ","ignoreList":[]}