@payloadcms/ui 3.2.3-canary.673b4b5 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","fields","hasMaxRows","isSortable","Label","labels","listeners","moveRow","parentPath","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","blockPermissions","permissionsBlockSpecific","slug","t3","split","t4","t5","_jsxs","className","children","_jsx","String","padStart","blockType","pillStyle","singular","count","withMessage","t6","collapsed","id","ref","style","actions","collapsibleStyle","dragHandleProps","undefined","header","onToggle","margins","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientBlock,\n  ClientField,\n  Labels,\n  Row,\n  SanitizedFieldPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fields: ClientField[]\n  hasMaxRows?: boolean\n  isSortable?: boolean\n  Label?: React.ReactNode\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  parentPath: string\n  path: string\n  permissions: SanitizedFieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  fields,\n  hasMaxRows,\n  isSortable,\n  Label,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let blockPermissions: RenderFieldsProps['permissions'] = undefined\n\n  if (permissions === true) {\n    blockPermissions = true\n  } else {\n    const permissionsBlockSpecific = permissions?.blocks?.[block.slug]\n    if (permissionsBlockSpecific === true) {\n      blockPermissions = true\n    } else {\n      blockPermissions = permissionsBlockSpecific?.fields\n    }\n  }\n\n  return (\n    <div\n      id={`${parentPath?.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blocks={blocks}\n              blockType={row.blockType}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          Label || (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          margins=\"small\"\n          parentIndexPath=\"\"\n          parentPath={path}\n          parentSchemaPath={schemaPath}\n          permissions={blockPermissions}\n          readOnly={readOnly}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","fields","hasMaxRows","isSortable","Label","labels","listeners","moveRow","parentPath","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","blockPermissions","permissionsBlockSpecific","slug","t3","split","t4","blockType","collapsed","id","t5","_jsxs","className","children","_jsx","String","padStart","pillStyle","singular","count","withMessage","t6","ref","style","actions","collapsibleStyle","dragHandleProps","undefined","header","onToggle","margins","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientBlock,\n  ClientField,\n  Labels,\n  Row,\n  SanitizedFieldPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fields: ClientField[]\n  hasMaxRows?: boolean\n  isSortable?: boolean\n  Label?: React.ReactNode\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  parentPath: string\n  path: string\n  permissions: SanitizedFieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  fields,\n  hasMaxRows,\n  isSortable,\n  Label,\n  labels,\n  listeners,\n  moveRow,\n  parentPath,\n  path,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let blockPermissions: RenderFieldsProps['permissions'] = undefined\n\n  if (permissions === true) {\n    blockPermissions = true\n  } else {\n    const permissionsBlockSpecific = permissions?.blocks?.[block.slug]\n    if (permissionsBlockSpecific === true) {\n      blockPermissions = true\n    } else {\n      blockPermissions = permissionsBlockSpecific?.fields\n    }\n  }\n\n  return (\n    <div\n      id={`${parentPath?.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blocks={blocks}\n              blockType={row.blockType}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          Label || (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          margins=\"small\"\n          parentIndexPath=\"\"\n          parentPath={path}\n          parentSchemaPath={schemaPath}\n          permissions={blockPermissions}\n          readOnly={readOnly}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -27,7 +27,7 @@ export const BlockSearch = props => {
   }
   const handleChange = t0;
   let t1;
-  if ($[2] !== t || $[3] !== handleChange) {
+  if ($[2] !== handleChange || $[3] !== t) {
     t1 = _jsxs("div", {
       className: baseClass,
       children: [_jsx("input", {
@@ -36,8 +36,8 @@ export const BlockSearch = props => {
         placeholder: t("fields:searchForBlock")
       }), _jsx(SearchIcon, {})]
     });
-    $[2] = t;
-    $[3] = handleChange;
+    $[2] = handleChange;
+    $[3] = t;
     $[4] = t1;
   } else {
     t1 = $[4];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","SearchIcon","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","t0","e","target","value","handleChange","t1","_jsxs","className","children","_jsx","onChange","placeholder"],"sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC9E;IAAAQ;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,aAAA;IAEOE,EAAA,GAAAC,CAAA;MACnBH,aAAA,CAAcG,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAO,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAO,YAAA;IAGEC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAc,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EACY,GAAAb,SAAA,SAAqB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,WAAA,EACGZ,CAAA,CAAE;MAAA,C,GAEjBU,IAAA,CAAAjB,UAAA,IAAC;IAAA,C;;;;;;;SANHa,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","SearchIcon","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","t0","e","target","value","handleChange","t1","_jsxs","className","children","_jsx","onChange","placeholder"],"sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC9E;IAAAQ;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,aAAA;IAEOE,EAAA,GAAAC,CAAA;MACnBH,aAAA,CAAcG,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAO,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA;IAGEM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAc,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EACY,GAAAb,SAAA,SAAqB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,WAAA,EACGZ,CAAA,CAAE;MAAA,C,GAEjBU,IAAA,CAAAjB,UAAA,IAAC;IAAA,C;;;;;;;SANHa,E;CASJ","ignoreList":[]}

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

@@ -59,7 +59,7 @@ export const BlocksDrawer = props => {
   useEffect(t0, t1);
   let t2;
   let t3;
-  if ($[3] !== searchTerm || $[4] !== blocks || $[5] !== i18n) {
+  if ($[3] !== blocks || $[4] !== i18n || $[5] !== searchTerm) {
     t2 = () => {
       const searchTermToUse = searchTerm.toLowerCase();
       const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {
@@ -72,9 +72,9 @@ export const BlocksDrawer = props => {
       setFilteredBlocks(matchingBlocks);
     };
     t3 = [searchTerm, blocks, i18n];
-    $[3] = searchTerm;
-    $[4] = blocks;
-    $[5] = i18n;
+    $[3] = blocks;
+    $[4] = i18n;
+    $[5] = searchTerm;
     $[6] = t2;
     $[7] = t3;
   } else {
@@ -83,7 +83,7 @@ export const BlocksDrawer = props => {
   }
   useEffect(t2, t3);
   let t4;
-  if ($[8] !== labels.singular || $[9] !== i18n || $[10] !== t || $[11] !== filteredBlocks || $[12] !== addRow || $[13] !== addRowIndex || $[14] !== closeModal || $[15] !== drawerSlug) {
+  if ($[8] !== addRow || $[9] !== addRowIndex || $[10] !== closeModal || $[11] !== drawerSlug || $[12] !== filteredBlocks || $[13] !== i18n || $[14] !== labels.singular || $[15] !== t) {
     t4 = _jsxs(Drawer, {
       slug: drawerSlug,
       title: t("fields:addLabel", {
@@ -124,14 +124,14 @@ export const BlocksDrawer = props => {
         })
       })]
     });
-    $[8] = labels.singular;
-    $[9] = i18n;
-    $[10] = t;
-    $[11] = filteredBlocks;
-    $[12] = addRow;
-    $[13] = addRowIndex;
-    $[14] = closeModal;
-    $[15] = drawerSlug;
+    $[8] = addRow;
+    $[9] = addRowIndex;
+    $[10] = closeModal;
+    $[11] = drawerSlug;
+    $[12] = filteredBlocks;
+    $[13] = i18n;
+    $[14] = labels.singular;
+    $[15] = t;
     $[16] = t4;
   } else {
     t4 = $[16];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\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 BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, 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])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    void addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\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 BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, 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])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    void addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/RowActions.js

@@ -29,7 +29,7 @@ export const RowActions = props => {
   const drawerSlug = useDrawerSlug("blocks-drawer");
   const [indexToAdd, setIndexToAdd] = React.useState(null);
   let t0;
-  if ($[0] !== addRow || $[1] !== indexToAdd || $[2] !== closeModal || $[3] !== drawerSlug) {
+  if ($[0] !== addRow || $[1] !== closeModal || $[2] !== drawerSlug || $[3] !== indexToAdd) {
     t0 = (_, rowBlockType) => {
       if (typeof addRow === "function") {
         addRow(indexToAdd, rowBlockType);
@@ -37,33 +37,33 @@ export const RowActions = props => {
       closeModal(drawerSlug);
     };
     $[0] = addRow;
-    $[1] = indexToAdd;
-    $[2] = closeModal;
-    $[3] = drawerSlug;
+    $[1] = closeModal;
+    $[2] = drawerSlug;
+    $[3] = indexToAdd;
     $[4] = t0;
   } else {
     t0 = $[4];
   }
   let t1;
-  if ($[5] !== t0 || $[6] !== rowIndex || $[7] !== blocks || $[8] !== drawerSlug || $[9] !== labels || $[10] !== openModal || $[11] !== duplicateRow || $[12] !== blockType || $[13] !== hasMaxRows || $[14] !== isSortable || $[15] !== moveRow || $[16] !== removeRow || $[17] !== rowCount) {
+  if ($[5] !== blockType || $[6] !== blocks || $[7] !== drawerSlug || $[8] !== duplicateRow || $[9] !== hasMaxRows || $[10] !== isSortable || $[11] !== labels || $[12] !== moveRow || $[13] !== openModal || $[14] !== removeRow || $[15] !== rowCount || $[16] !== rowIndex || $[17] !== t0) {
     let t2;
-    if ($[19] !== openModal || $[20] !== drawerSlug) {
+    if ($[19] !== drawerSlug || $[20] !== openModal) {
       t2 = index => {
         setIndexToAdd(index);
         openModal(drawerSlug);
       };
-      $[19] = openModal;
-      $[20] = drawerSlug;
+      $[19] = drawerSlug;
+      $[20] = openModal;
       $[21] = t2;
     } else {
       t2 = $[21];
     }
     let t3;
-    if ($[22] !== duplicateRow || $[23] !== rowIndex || $[24] !== blockType) {
+    if ($[22] !== blockType || $[23] !== duplicateRow || $[24] !== rowIndex) {
       t3 = () => duplicateRow(rowIndex, blockType);
-      $[22] = duplicateRow;
-      $[23] = rowIndex;
-      $[24] = blockType;
+      $[22] = blockType;
+      $[23] = duplicateRow;
+      $[24] = rowIndex;
       $[25] = t3;
     } else {
       t3 = $[25];
@@ -86,19 +86,19 @@ export const RowActions = props => {
         rowCount
       })]
     });
-    $[5] = t0;
-    $[6] = rowIndex;
-    $[7] = blocks;
-    $[8] = drawerSlug;
-    $[9] = labels;
-    $[10] = openModal;
-    $[11] = duplicateRow;
-    $[12] = blockType;
-    $[13] = hasMaxRows;
-    $[14] = isSortable;
-    $[15] = moveRow;
-    $[16] = removeRow;
-    $[17] = rowCount;
+    $[5] = blockType;
+    $[6] = blocks;
+    $[7] = drawerSlug;
+    $[8] = duplicateRow;
+    $[9] = hasMaxRows;
+    $[10] = isSortable;
+    $[11] = labels;
+    $[12] = moveRow;
+    $[13] = openModal;
+    $[14] = removeRow;
+    $[15] = rowCount;
+    $[16] = rowIndex;
+    $[17] = t0;
     $[18] = t1;
   } else {
     t1 = $[18];

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","duplicateRow","hasMaxRows","isSortable","labels","moveRow","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[]\n  readonly blockType: string\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 removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\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        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\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","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","duplicateRow","hasMaxRows","isSortable","labels","moveRow","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[]\n  readonly blockType: string\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 removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\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        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\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.js

@@ -60,7 +60,7 @@ export const SectionTitle = props => {
   const onChange = t2;
   const t3 = customValue || value;
   let t4;
-  if ($[6] !== t || $[7] !== customValue || $[8] !== value || $[9] !== path || $[10] !== onChange || $[11] !== readOnly || $[12] !== t3) {
+  if ($[6] !== customValue || $[7] !== onChange || $[8] !== path || $[9] !== readOnly || $[10] !== t || $[11] !== t3 || $[12] !== value) {
     t4 = _jsx("div", {
       className: classes,
       "data-value": t3,
@@ -75,13 +75,13 @@ export const SectionTitle = props => {
         value: customValue || value || ""
       })
     });
-    $[6] = t;
-    $[7] = customValue;
-    $[8] = value;
-    $[9] = path;
-    $[10] = onChange;
-    $[11] = readOnly;
-    $[12] = t3;
+    $[6] = customValue;
+    $[7] = onChange;
+    $[8] = path;
+    $[9] = readOnly;
+    $[10] = t;
+    $[11] = t3;
+    $[12] = value;
     $[13] = t4;
   } else {
     t4 = $[13];

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","t4","_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.scss'\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}>\n      <input\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;EAGqC,MAAAM,EAAA,GAAApB,WAAA,IAAeK,KAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAvB,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAG,IAAA,IAAAH,CAAA,SAAAqB,QAAA,IAAArB,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAsB,EAAA;IAApDC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeX,OAAA;MAAA,cAAqBQ,EAAe;MAAAI,QAAA,EAClDF,IAAA,CAAC;QAAAC,SAAA,EACY,GAAA5B,SAAA,SAAqB;QAAA8B,EAAA,EAC5BxB,IAAA;QAAAyB,IAAA,EACEzB,IAAA;QAAAkB,QAAA;QAAAQ,WAAA,EAEOrB,CAAA,CAAE;QAAAJ,QAAA;QAAA0B,IAAA,EAEV;QAAAvB,KAAA,EACEL,WAAA,IAAgBK,KAAA,IAAoB;MAAA,C;;;;;;;;;;;;;SAT/CgB,E;CAaJ","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","t4","_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.scss'\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}>\n      <input\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;EAGqC,MAAAM,EAAA,GAAApB,WAAA,IAAeK,KAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAvB,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAqB,QAAA,IAAArB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAsB,EAAA,IAAAtB,CAAA,SAAAO,KAAA;IAApDgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeX,OAAA;MAAA,cAAqBQ,EAAe;MAAAI,QAAA,EAClDF,IAAA,CAAC;QAAAC,SAAA,EACY,GAAA5B,SAAA,SAAqB;QAAA8B,EAAA,EAC5BxB,IAAA;QAAAyB,IAAA,EACEzB,IAAA;QAAAkB,QAAA;QAAAQ,WAAA,EAEOrB,CAAA,CAAE;QAAAJ,QAAA;QAAA0B,IAAA,EAEV;QAAAvB,KAAA,EACEL,WAAA,IAAgBK,KAAA,IAAoB;MAAA,C;;;;;;;;;;;;;SAT/CgB,E;CAaJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAsUrB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAwUrB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}

package/dist/fields/Blocks/index.js

@@ -106,7 +106,7 @@ const BlocksFieldComponent = props => {
   }
   const editingDefaultLocale = t5;
   let t6;
-  if ($[2] !== editingDefaultLocale || $[3] !== validate || $[4] !== maxRows || $[5] !== minRows || $[6] !== required) {
+  if ($[2] !== editingDefaultLocale || $[3] !== maxRows || $[4] !== minRows || $[5] !== required || $[6] !== validate) {
     t6 = (value, options) => {
       if (!editingDefaultLocale && value === null) {
         return true;
@@ -121,24 +121,24 @@ const BlocksFieldComponent = props => {
       }
     };
     $[2] = editingDefaultLocale;
-    $[3] = validate;
-    $[4] = maxRows;
-    $[5] = minRows;
-    $[6] = required;
+    $[3] = maxRows;
+    $[4] = minRows;
+    $[5] = required;
+    $[6] = validate;
     $[7] = t6;
   } else {
     t6 = $[7];
   }
   const memoizedValidate = t6;
   let t7;
-  if ($[8] !== path || $[9] !== memoizedValidate) {
+  if ($[8] !== memoizedValidate || $[9] !== path) {
     t7 = {
       hasRows: true,
       path,
       validate: memoizedValidate
     };
-    $[8] = path;
-    $[9] = memoizedValidate;
+    $[8] = memoizedValidate;
+    $[9] = path;
     $[10] = t7;
   } else {
     t7 = $[10];
@@ -160,6 +160,8 @@ const BlocksFieldComponent = props => {
     t10 = $[12];
   }
   const {
+    AfterInput,
+    BeforeInput,
     Description,
     Error,
     Label
@@ -253,7 +255,7 @@ const BlocksFieldComponent = props => {
   }
   const moveRow = t15;
   let t16;
-  if ($[31] !== rows || $[32] !== dispatchFields || $[33] !== path || $[34] !== setDocFieldPreferences) {
+  if ($[31] !== dispatchFields || $[32] !== path || $[33] !== rows || $[34] !== setDocFieldPreferences) {
     t16 = collapsed => {
       const {
         collapsedIDs,
@@ -271,9 +273,9 @@ const BlocksFieldComponent = props => {
         collapsed: collapsedIDs
       });
     };
-    $[31] = rows;
-    $[32] = dispatchFields;
-    $[33] = path;
+    $[31] = dispatchFields;
+    $[32] = path;
+    $[33] = rows;
     $[34] = setDocFieldPreferences;
     $[35] = t16;
   } else {
@@ -281,7 +283,7 @@ const BlocksFieldComponent = props => {
   }
   const toggleCollapseAll = t16;
   let t17;
-  if ($[36] !== rows || $[37] !== dispatchFields || $[38] !== path || $[39] !== setDocFieldPreferences) {
+  if ($[36] !== dispatchFields || $[37] !== path || $[38] !== rows || $[39] !== setDocFieldPreferences) {
     t17 = (rowID, collapsed_0) => {
       const {
         collapsedIDs: collapsedIDs_0,
@@ -300,9 +302,9 @@ const BlocksFieldComponent = props => {
         collapsed: collapsedIDs_0
       });
     };
-    $[36] = rows;
-    $[37] = dispatchFields;
-    $[38] = path;
+    $[36] = dispatchFields;
+    $[37] = path;
+    $[38] = rows;
     $[39] = setDocFieldPreferences;
     $[40] = t17;
   } else {
@@ -325,7 +327,7 @@ const BlocksFieldComponent = props => {
     t19 = $[43];
   }
   let t20;
-  if ($[44] !== showError || $[45] !== path || $[46] !== Error) {
+  if ($[44] !== Error || $[45] !== path || $[46] !== showError) {
     t20 = showError && _jsx(RenderCustomComponent, {
       CustomComponent: Error,
       Fallback: _jsx(FieldError, {
@@ -333,22 +335,22 @@ const BlocksFieldComponent = props => {
         showError
       })
     });
-    $[44] = showError;
+    $[44] = Error;
     $[45] = path;
-    $[46] = Error;
+    $[46] = showError;
     $[47] = t20;
   } else {
     t20 = $[47];
   }
   let t21;
-  if ($[48] !== fieldHasErrors || $[49] !== fieldErrorCount || $[50] !== i18n) {
+  if ($[48] !== fieldErrorCount || $[49] !== fieldHasErrors || $[50] !== i18n) {
     t21 = fieldHasErrors && fieldErrorCount > 0 && _jsx(ErrorPill, {
       count: fieldErrorCount,
       i18n,
       withMessage: true
     });
-    $[48] = fieldHasErrors;
-    $[49] = fieldErrorCount;
+    $[48] = fieldErrorCount;
+    $[49] = fieldHasErrors;
     $[50] = i18n;
     $[51] = t21;
   } else {
@@ -399,7 +401,7 @@ const BlocksFieldComponent = props => {
           path
         })
       })]
-    }), _jsx(NullifyLocaleField, {
+    }), BeforeInput, _jsx(NullifyLocaleField, {
       fieldValue: value_0,
       localized,
       path
@@ -487,7 +489,7 @@ const BlocksFieldComponent = props => {
         drawerSlug,
         labels
       })]
-    })]
+    }), AfterInput]
   });
 };
 export const BlocksField = withCondition(BlocksFieldComponent);