@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect } from 'react';
@@ -19,20 +19,28 @@ export const BlocksDrawer = (props)=>{
         isModalOpen,
         drawerSlug
     ]);
-    return /*#__PURE__*/ _jsx(Drawer, {
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
         slug: drawerSlug,
         title: t('fields:addLabel', {
             label: getTranslation(labels.singular, i18n)
         }),
-        children: /*#__PURE__*/ _jsx(BlockSelector, {
+        children: /*#__PURE__*/ _jsxDEV(BlockSelector, {
             blocks: blocks,
             onSelect: (slug)=>{
                 void addRow(addRowIndex, slug);
                 closeModal(drawerSlug);
             },
             searchTerm: searchTermOverride
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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, { useEffect } 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] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","slug","title","label","singular","onSelect","searchTerm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,aAAa,QAAQ,4BAA2B;AAUzD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGL;IAE5D,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAGf;IACpC,MAAM,EAAEgB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,oBAAoBC,sBAAsB,GAAGjB,MAAMkB,QAAQ,CAAC;IAEnEjB,UAAU;QACR,IAAI,CAACY,YAAYH,aAAa;YAC5BO,sBAAsB;QACxB;IACF,GAAG;QAACJ;QAAaH;KAAW;IAE5B,qBACE,KAACR;QACCiB,MAAMT;QACNU,OAAOL,EAAE,mBAAmB;YAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;QAAM;kBAE3E,cAAA,KAACV;YACCK,QAAQA;YACRc,UAAU,CAACJ;gBACT,KAAKZ,OAAOC,aAAaW;gBACzBP,WAAWF;YACb;YACAc,YAAYR;;;AAIpB,EAAC"}
+{"version":3,"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, { useEffect } 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] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","slug","title","label","singular","onSelect","searchTerm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,aAAa,QAAQ,4BAA2B;AAUzD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGL;IAE5D,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAGf;IACpC,MAAM,EAAEgB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,oBAAoBC,sBAAsB,GAAGjB,MAAMkB,QAAQ,CAAC;IAEnEjB,UAAU;QACR,IAAI,CAACY,YAAYH,aAAa;YAC5BO,sBAAsB;QACxB;IACF,GAAG;QAACJ;QAAaH;KAAW;IAE5B,qBACE,QAACR;QACCiB,MAAMT;QACNU,OAAOL,EAAE,mBAAmB;YAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;QAAM;kBAE3E,cAAA,QAACV;YACCK,QAAQA;YACRc,UAAU,CAACJ;gBACT,KAAKZ,OAAOC,aAAaW;gBACzBP,WAAWF;YACb;YACAc,YAAYR;;;;;;;;;;;AAIpB,EAAC"}

package/dist/fields/Blocks/RowActions.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
@@ -10,9 +10,9 @@ export const RowActions = (props)=>{
     const { closeModal, openModal } = useModal();
     const drawerSlug = useDrawerSlug('blocks-drawer');
     const [indexToAdd, setIndexToAdd] = React.useState(null);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(BlocksDrawer, {
+            /*#__PURE__*/ _jsxDEV(BlocksDrawer, {
                 addRow: (_, rowBlockType)=>{
                     if (typeof addRow === 'function') {
                         void addRow(indexToAdd, rowBlockType);
@@ -23,8 +23,12 @@ export const RowActions = (props)=>{
                 blocks: blocks,
                 drawerSlug: drawerSlug,
                 labels: labels
-            }),
-            /*#__PURE__*/ _jsx(ArrayAction, {
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/RowActions.tsx",
+                lineNumber: 50,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ArrayAction, {
                 addRow: (index)=>{
                     setIndexToAdd(index);
                     openModal(drawerSlug);
@@ -38,9 +42,17 @@ export const RowActions = (props)=>{
                 pasteRow: pasteRow,
                 removeRow: removeRow,
                 rowCount: rowCount
-            })
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/RowActions.tsx",
+                lineNumber: 62,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Blocks/RowActions.tsx",
+        lineNumber: 49,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=RowActions.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["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","Fragment","_","rowBlockType","addRowIndex","index"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAeR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGb;IAEJ,MAAM,EAAEc,UAAU,EAAEC,SAAS,EAAE,GAAGrB;IAClC,MAAMsB,aAAanB,cAAc;IAEjC,MAAM,CAACoB,YAAYC,cAAc,GAAGvB,MAAMwB,QAAQ,CAAgB;IAElE,qBACE,MAACxB,MAAMyB,QAAQ;;0BACb,KAACtB;gBACCG,QAAQ,CAACoB,GAAGC;oBACV,IAAI,OAAOrB,WAAW,YAAY;wBAChC,KAAKA,OAAOgB,YAAYK;oBAC1B;oBACAR,WAAWE;gBACb;gBACAO,aAAaV;gBACbX,QAAQA;gBACRc,YAAYA;gBACZR,QAAQA;;0BAEV,KAACZ;gBACCK,QAAQ,CAACuB;oBACPN,cAAcM;oBACdT,UAAUC;gBACZ;gBACAZ,SAASA;gBACTC,cAAc,IAAMA,aAAaQ,UAAUV;gBAC3CG,YAAYA;gBACZkB,OAAOX;gBACPN,YAAYA;gBACZE,SAASA;gBACTC,UAAUA;gBACVC,WAAWA;gBACXC,UAAUA;;;;AAIlB,EAAC"}
+{"version":3,"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"],"names":["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","Fragment","_","rowBlockType","addRowIndex","index"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAeR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGb;IAEJ,MAAM,EAAEc,UAAU,EAAEC,SAAS,EAAE,GAAGrB;IAClC,MAAMsB,aAAanB,cAAc;IAEjC,MAAM,CAACoB,YAAYC,cAAc,GAAGvB,MAAMwB,QAAQ,CAAgB;IAElE,qBACE,QAACxB,MAAMyB,QAAQ;;0BACb,QAACtB;gBACCG,QAAQ,CAACoB,GAAGC;oBACV,IAAI,OAAOrB,WAAW,YAAY;wBAChC,KAAKA,OAAOgB,YAAYK;oBAC1B;oBACAR,WAAWE;gBACb;gBACAO,aAAaV;gBACbX,QAAQA;gBACRc,YAAYA;gBACZR,QAAQA;;;;;;0BAEV,QAACZ;gBACCK,QAAQ,CAACuB;oBACPN,cAAcM;oBACdT,UAAUC;gBACZ;gBACAZ,SAASA;gBACTC,cAAc,IAAMA,aAAaQ,UAAUV;gBAC3CG,YAAYA;gBACZkB,OAAOX;gBACPN,YAAYA;gBACZE,SAASA;gBACTC,UAAUA;gBACVC,WAAWA;gBACXC,UAAUA;;;;;;;;;;;;AAIlB,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useField } from '../../../forms/useField/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -22,10 +22,10 @@ const baseClass = 'section-title';
         e.preventDefault();
         setValue(e.target.value);
     });
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         "data-value": customValue || value,
-        children: /*#__PURE__*/ _jsx("input", {
+        children: /*#__PURE__*/ _jsxDEV("input", {
             className: `${baseClass}__input`,
             id: path,
             name: path,
@@ -34,8 +34,16 @@ const baseClass = 'section-title';
             readOnly: readOnly,
             type: "text",
             value: customValue || value || ''
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/fields/Blocks/SectionTitle/index.tsx",
+            lineNumber: 39,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Blocks/SectionTitle/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","useField","useTranslation","baseClass","SectionTitle","props","customOnChange","customValue","path","readOnly","setValue","value","t","classes","filter","Boolean","join","onChange","e","stopPropagation","preventDefault","target","div","className","data-value","input","id","name","placeholder","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAExD,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAE,GAAGV,SAAS;QAAEO;IAAK;IAC5C,MAAM,EAAEI,CAAC,EAAE,GAAGV;IAEd,MAAMW,UAAU;QAACV;KAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;IAEjD,MAAMC,WACJX,kBACC,CAAA,CAACY;QACAA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,SAASQ,EAAEG,MAAM,CAACV,KAAK;IACzB,CAAA;IAEF,qBACE,KAACW;QAAIC,WAAWV;QAASW,cAAYjB,eAAeI;kBAClD,cAAA,KAACc;YACCF,WAAW,GAAGpB,UAAU,OAAO,CAAC;YAChCuB,IAAIlB;YACJmB,MAAMnB;YACNS,UAAUA;YACVW,aAAahB,EAAE;YACfH,UAAUA;YACVoB,MAAK;YACLlB,OAAOJ,eAAgBI,SAAoB;;;AAInD,EAAC"}
+{"version":3,"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"],"names":["React","useField","useTranslation","baseClass","SectionTitle","props","customOnChange","customValue","path","readOnly","setValue","value","t","classes","filter","Boolean","join","onChange","e","stopPropagation","preventDefault","target","div","className","data-value","input","id","name","placeholder","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAExD,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAE,GAAGV,SAAS;QAAEO;IAAK;IAC5C,MAAM,EAAEI,CAAC,EAAE,GAAGV;IAEd,MAAMW,UAAU;QAACV;KAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;IAEjD,MAAMC,WACJX,kBACC,CAAA,CAACY;QACAA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,SAASQ,EAAEG,MAAM,CAACV,KAAK;IACzB,CAAA;IAEF,qBACE,QAACW;QAAIC,WAAWV;QAASW,cAAYjB,eAAeI;kBAClD,cAAA,QAACc;YACCF,WAAW,GAAGpB,UAAU,OAAO,CAAC;YAChCuB,IAAIlB;YACJmB,MAAMnB;YACNS,UAAUA;YACVW,aAAahB,EAAE;YACfH,UAAUA;YACVoB,MAAK;YACLlB,OAAOJ,eAAgBI,SAAoB;;;;;;;;;;;AAInD,EAAC"}

package/dist/fields/Blocks/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useCallback, useMemo } from 'react';
 import { toast } from 'sonner';
@@ -284,7 +284,7 @@ const BlocksFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -294,66 +294,114 @@ const BlocksFieldComponent = (props)=>{
         id: `field-${path?.replace(/\./g, '__')}`,
         style: styles,
         children: [
-            showError && /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            showError && /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Error,
-                Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                     path: path,
                     showError: showError
-                })
-            }),
-            /*#__PURE__*/ _jsxs("header", {
+                }, void 0, false, {
+                    fileName: "src/fields/Blocks/index.tsx",
+                    lineNumber: 333,
+                    columnNumber: 21
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/index.tsx",
+                lineNumber: 331,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("header", {
                 className: `${baseClass}__header`,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__header-wrap`,
                         children: [
-                            /*#__PURE__*/ _jsxs("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__heading-with-error`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("h3", {
-                                        children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                                    /*#__PURE__*/ _jsxDEV("h3", {
+                                        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                                             CustomComponent: Label,
-                                            Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                                            Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                                 as: "span",
                                                 label: label,
                                                 localized: localized,
                                                 path: path,
                                                 required: required
-                                            })
-                                        })
-                                    }),
-                                    fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/ _jsx(ErrorPill, {
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Blocks/index.tsx",
+                                                lineNumber: 343,
+                                                columnNumber: 19
+                                            }, void 0)
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Blocks/index.tsx",
+                                            lineNumber: 340,
+                                            columnNumber: 15
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Blocks/index.tsx",
+                                        lineNumber: 339,
+                                        columnNumber: 13
+                                    }, this),
+                                    fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                                         count: fieldErrorCount,
                                         i18n: i18n,
                                         withMessage: true
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Blocks/index.tsx",
+                                        lineNumber: 354,
+                                        columnNumber: 15
+                                    }, this)
                                 ]
-                            }),
-                            /*#__PURE__*/ _jsxs("ul", {
+                            }, void 0, true, {
+                                fileName: "src/fields/Blocks/index.tsx",
+                                lineNumber: 338,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("ul", {
                                 className: `${baseClass}__header-actions`,
                                 children: [
-                                    rows.length > 0 && /*#__PURE__*/ _jsxs(Fragment, {
+                                    rows.length > 0 && /*#__PURE__*/ _jsxDEV(Fragment, {
                                         children: [
-                                            /*#__PURE__*/ _jsx("li", {
-                                                children: /*#__PURE__*/ _jsx("button", {
+                                            /*#__PURE__*/ _jsxDEV("li", {
+                                                children: /*#__PURE__*/ _jsxDEV("button", {
                                                     className: `${baseClass}__header-action`,
                                                     onClick: ()=>toggleCollapseAll(true),
                                                     type: "button",
                                                     children: t('fields:collapseAll')
-                                                })
-                                            }),
-                                            /*#__PURE__*/ _jsx("li", {
-                                                children: /*#__PURE__*/ _jsx("button", {
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Blocks/index.tsx",
+                                                    lineNumber: 361,
+                                                    columnNumber: 19
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Blocks/index.tsx",
+                                                lineNumber: 360,
+                                                columnNumber: 17
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV("li", {
+                                                children: /*#__PURE__*/ _jsxDEV("button", {
                                                     className: `${baseClass}__header-action`,
                                                     onClick: ()=>toggleCollapseAll(false),
                                                     type: "button",
                                                     children: t('fields:showAll')
-                                                })
-                                            })
+                                                }, void 0, false, {
+                                                    fileName: "src/fields/Blocks/index.tsx",
+                                                    lineNumber: 370,
+                                                    columnNumber: 19
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/fields/Blocks/index.tsx",
+                                                lineNumber: 369,
+                                                columnNumber: 17
+                                            }, this)
                                         ]
-                                    }),
-                                    /*#__PURE__*/ _jsx("li", {
-                                        children: /*#__PURE__*/ _jsx(ClipboardAction, {
+                                    }, void 0, true, {
+                                        fileName: "src/fields/Blocks/index.tsx",
+                                        lineNumber: 359,
+                                        columnNumber: 15
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("li", {
+                                        children: /*#__PURE__*/ _jsxDEV(ClipboardAction, {
                                             allowCopy: rows?.length > 0,
                                             allowPaste: !readOnly,
                                             blocks: clientBlocks,
@@ -368,29 +416,61 @@ const BlocksFieldComponent = (props)=>{
                                             onPaste: pasteBlocks,
                                             path: path,
                                             type: type
-                                        })
-                                    })
+                                        }, void 0, false, {
+                                            fileName: "src/fields/Blocks/index.tsx",
+                                            lineNumber: 381,
+                                            columnNumber: 15
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Blocks/index.tsx",
+                                        lineNumber: 380,
+                                        columnNumber: 13
+                                    }, this)
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/fields/Blocks/index.tsx",
+                                lineNumber: 357,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    }, void 0, true, {
+                        fileName: "src/fields/Blocks/index.tsx",
+                        lineNumber: 337,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/Blocks/index.tsx",
+                            lineNumber: 402,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Blocks/index.tsx",
+                        lineNumber: 400,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/fields/Blocks/index.tsx",
+                lineNumber: 336,
+                columnNumber: 7
+            }, this),
             BeforeInput,
-            /*#__PURE__*/ _jsx(NullifyLocaleField, {
+            /*#__PURE__*/ _jsxDEV(NullifyLocaleField, {
                 fieldValue: value,
                 localized: localized,
                 path: path,
                 readOnly: readOnly
-            }),
-            (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/ _jsxs(DraggableSortable, {
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/index.tsx",
+                lineNumber: 406,
+                columnNumber: 7
+            }, this),
+            (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/ _jsxDEV(DraggableSortable, {
                 className: `${baseClass}__rows`,
                 ids: rows.map((row)=>row.id),
                 onDragEnd: ({ moveFromIndex, moveToIndex })=>moveRow(moveFromIndex, moveToIndex),
@@ -401,10 +481,10 @@ const BlocksFieldComponent = (props)=>{
                         if (blockConfig) {
                             const rowPath = `${path}.${i}`;
                             const rowErrorCount = errorPaths.filter((errorPath)=>errorPath.startsWith(rowPath + '.')).length;
-                            return /*#__PURE__*/ _jsx(DraggableSortableItem, {
+                            return /*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
                                 disabled: readOnly || disabled || !isSortable,
                                 id: row.id,
-                                children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsx(BlockRow, {
+                                children: (draggableSortableItemProps)=>/*#__PURE__*/ _jsxDEV(BlockRow, {
                                         ...draggableSortableItemProps,
                                         addRow: addRow,
                                         block: blockConfig,
@@ -431,36 +511,60 @@ const BlocksFieldComponent = (props)=>{
                                         rowIndex: i,
                                         schemaPath: schemaPath + blockConfig.slug,
                                         setCollapse: setCollapse
-                                    })
-                            }, row.id);
+                                    }, void 0, false, {
+                                        fileName: "src/fields/Blocks/index.tsx",
+                                        lineNumber: 438,
+                                        columnNumber: 21
+                                    }, this)
+                            }, row.id, false, {
+                                fileName: "src/fields/Blocks/index.tsx",
+                                lineNumber: 432,
+                                columnNumber: 17
+                            }, this);
                         }
                         return null;
                     }),
-                    !editingDefaultLocale && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    !editingDefaultLocale && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            showMinRows && /*#__PURE__*/ _jsx(Banner, {
+                            showMinRows && /*#__PURE__*/ _jsxDEV(Banner, {
                                 type: "error",
                                 children: t('validation:requiresAtLeast', {
                                     count: minRows,
                                     label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows')
                                 })
-                            }),
-                            showRequired && /*#__PURE__*/ _jsx(Banner, {
+                            }, void 0, false, {
+                                fileName: "src/fields/Blocks/index.tsx",
+                                lineNumber: 476,
+                                columnNumber: 17
+                            }, this),
+                            showRequired && /*#__PURE__*/ _jsxDEV(Banner, {
                                 children: t('validation:fieldHasNo', {
                                     label: getTranslation(labels.plural, i18n)
                                 })
-                            })
+                            }, void 0, false, {
+                                fileName: "src/fields/Blocks/index.tsx",
+                                lineNumber: 486,
+                                columnNumber: 17
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/fields/Blocks/index.tsx",
+                        lineNumber: 474,
+                        columnNumber: 13
+                    }, this)
                 ]
-            }),
-            !hasMaxRows && /*#__PURE__*/ _jsxs(Fragment, {
+            }, void 0, true, {
+                fileName: "src/fields/Blocks/index.tsx",
+                lineNumber: 413,
+                columnNumber: 9
+            }, this),
+            !hasMaxRows && /*#__PURE__*/ _jsxDEV(Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(DrawerToggler, {
+                    /*#__PURE__*/ _jsxDEV(DrawerToggler, {
                         className: `${baseClass}__drawer-toggler`,
                         disabled: readOnly || disabled,
                         slug: drawerSlug,
-                        children: /*#__PURE__*/ _jsx(Button, {
+                        children: /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "icon-label",
                             disabled: readOnly || disabled,
                             el: "span",
@@ -470,21 +574,41 @@ const BlocksFieldComponent = (props)=>{
                             children: t('fields:addLabel', {
                                 label: getTranslation(labels.singular, i18n)
                             })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(BlocksDrawer, {
+                        }, void 0, false, {
+                            fileName: "src/fields/Blocks/index.tsx",
+                            lineNumber: 501,
+                            columnNumber: 13
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/fields/Blocks/index.tsx",
+                        lineNumber: 496,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(BlocksDrawer, {
                         addRow: addRow,
                         addRowIndex: rows?.length || 0,
                         // Only allow choosing filtered blocks
                         blocks: clientBlocksAfterFilter,
                         drawerSlug: drawerSlug,
                         labels: labels
-                    })
+                    }, void 0, false, {
+                        fileName: "src/fields/Blocks/index.tsx",
+                        lineNumber: 512,
+                        columnNumber: 11
+                    }, this)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/fields/Blocks/index.tsx",
+                lineNumber: 495,
+                columnNumber: 9
+            }, this),
             AfterInput
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Blocks/index.tsx",
+        lineNumber: 318,
+        columnNumber: 5
+    }, this);
 };
 export const BlocksField = withCondition(BlocksFieldComponent);