@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/fields/Blocks/RowActions.js

@@ -1,44 +1,108 @@
 'use client';
+
+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 React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
 import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
-export const RowActions = (props)=>{
-    const { addRow, blockType, blocks, duplicateRow, hasMaxRows, isSortable, labels, moveRow, removeRow, rowCount, rowIndex } = props;
-    const { closeModal, openModal } = useModal();
-    const drawerSlug = useDrawerSlug('blocks-drawer');
-    const [indexToAdd, setIndexToAdd] = React.useState(null);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(BlocksDrawer, {
-                addRow: (_, rowBlockType)=>{
-                    if (typeof addRow === 'function') {
-                        addRow(indexToAdd, rowBlockType);
-                    }
-                    closeModal(drawerSlug);
-                },
-                addRowIndex: rowIndex,
-                blocks: blocks,
-                drawerSlug: drawerSlug,
-                labels: labels
-            }),
-            /*#__PURE__*/ _jsx(ArrayAction, {
-                addRow: (index)=>{
-                    setIndexToAdd(index);
-                    openModal(drawerSlug);
-                },
-                duplicateRow: ()=>duplicateRow(rowIndex, blockType),
-                hasMaxRows: hasMaxRows,
-                index: rowIndex,
-                isSortable: isSortable,
-                moveRow: moveRow,
-                removeRow: removeRow,
-                rowCount: rowCount
-            })
-        ]
+export const RowActions = props => {
+  const $ = _c(26);
+  const {
+    addRow,
+    blocks,
+    blockType,
+    duplicateRow,
+    hasMaxRows,
+    isSortable,
+    labels,
+    moveRow,
+    removeRow,
+    rowCount,
+    rowIndex
+  } = props;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const drawerSlug = useDrawerSlug("blocks-drawer");
+  const [indexToAdd, setIndexToAdd] = React.useState(null);
+  let t0;
+  if ($[0] !== addRow || $[1] !== indexToAdd || $[2] !== closeModal || $[3] !== drawerSlug) {
+    t0 = (_, rowBlockType) => {
+      if (typeof addRow === "function") {
+        addRow(indexToAdd, rowBlockType);
+      }
+      closeModal(drawerSlug);
+    };
+    $[0] = addRow;
+    $[1] = indexToAdd;
+    $[2] = closeModal;
+    $[3] = drawerSlug;
+    $[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) {
+    let t2;
+    if ($[19] !== openModal || $[20] !== drawerSlug) {
+      t2 = index => {
+        setIndexToAdd(index);
+        openModal(drawerSlug);
+      };
+      $[19] = openModal;
+      $[20] = drawerSlug;
+      $[21] = t2;
+    } else {
+      t2 = $[21];
+    }
+    let t3;
+    if ($[22] !== duplicateRow || $[23] !== rowIndex || $[24] !== blockType) {
+      t3 = () => duplicateRow(rowIndex, blockType);
+      $[22] = duplicateRow;
+      $[23] = rowIndex;
+      $[24] = blockType;
+      $[25] = t3;
+    } else {
+      t3 = $[25];
+    }
+    t1 = _jsxs(React.Fragment, {
+      children: [_jsx(BlocksDrawer, {
+        addRow: t0,
+        addRowIndex: rowIndex,
+        blocks,
+        drawerSlug,
+        labels
+      }), _jsx(ArrayAction, {
+        addRow: t2,
+        duplicateRow: t3,
+        hasMaxRows,
+        index: rowIndex,
+        isSortable,
+        moveRow,
+        removeRow,
+        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;
+    $[18] = t1;
+  } else {
+    t1 = $[18];
+  }
+  return t1;
 };
-
 //# 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 { Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport type {\n  FieldMap,\n  ReducedBlock,\n} from '../../providers/ComponentMap/buildComponentMap/types.js'\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  addRow: (rowIndex: number, blockType: string) => void\n  blockType: string\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number, blockType: string) => void\n  fieldMap: FieldMap\n  hasMaxRows?: boolean\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  removeRow: (rowIndex: number) => void\n  rowCount: number\n  rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blockType,\n    blocks,\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            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"],"names":["useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","addRow","blockType","blocks","duplicateRow","hasMaxRows","isSortable","labels","moveRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","Fragment","_","rowBlockType","addRowIndex","index"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAOzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAaR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGX;IAEJ,MAAM,EAAEY,UAAU,EAAEC,SAAS,EAAE,GAAGnB;IAClC,MAAMoB,aAAajB,cAAc;IAEjC,MAAM,CAACkB,YAAYC,cAAc,GAAGrB,MAAMsB,QAAQ,CAAgB;IAElE,qBACE,MAACtB,MAAMuB,QAAQ;;0BACb,KAACpB;gBACCG,QAAQ,CAACkB,GAAGC;oBACV,IAAI,OAAOnB,WAAW,YAAY;wBAChCA,OAAOc,YAAYK;oBACrB;oBACAR,WAAWE;gBACb;gBACAO,aAAaV;gBACbR,QAAQA;gBACRW,YAAYA;gBACZP,QAAQA;;0BAEV,KAACX;gBACCK,QAAQ,CAACqB;oBACPN,cAAcM;oBACdT,UAAUC;gBACZ;gBACAV,cAAc,IAAMA,aAAaO,UAAUT;gBAC3CG,YAAYA;gBACZiB,OAAOX;gBACPL,YAAYA;gBACZE,SAASA;gBACTC,WAAWA;gBACXC,UAAUA;;;;AAIlB,EAAC"}
+{"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

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useField } from '../../../forms/useField/index.js';
@@ -8,34 +10,82 @@ const baseClass = 'section-title';
 /**
  * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`
  * property from/into the provided path.
- */ export const SectionTitle = (props)=>{
-    const { customOnChange, customValue, path, readOnly } = props;
-    const { setValue, value } = useField({
-        path
-    });
-    const { t } = useTranslation();
-    const classes = [
-        baseClass
-    ].filter(Boolean).join(' ');
-    const onChange = customOnChange || ((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        setValue(e.target.value);
+ */
+export const SectionTitle = props => {
+  const $ = _c(14);
+  const {
+    customOnChange,
+    customValue,
+    path,
+    readOnly
+  } = props;
+  let t0;
+  if ($[0] !== path) {
+    t0 = {
+      path
+    };
+    $[0] = path;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    setValue,
+    value
+  } = useField(t0);
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [baseClass].filter(Boolean);
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const classes = t1.join(" ");
+  let t2;
+  if ($[3] !== customOnChange || $[4] !== setValue) {
+    t2 = customOnChange || (e => {
+      e.stopPropagation();
+      e.preventDefault();
+      setValue(e.target.value);
     });
-    return /*#__PURE__*/ _jsx("div", {
-        className: classes,
-        "data-value": customValue || value,
-        children: /*#__PURE__*/ _jsx("input", {
-            className: `${baseClass}__input`,
-            id: path,
-            name: path,
-            onChange: onChange,
-            placeholder: t('general:untitled'),
-            readOnly: readOnly,
-            type: "text",
-            value: customValue || value || ''
-        })
+    $[3] = customOnChange;
+    $[4] = setValue;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onChange = t2;
+  const t3 = customValue || value;
+  let t4;
+  if ($[6] !== t || $[7] !== customValue || $[8] !== value || $[9] !== path || $[10] !== onChange || $[11] !== readOnly || $[12] !== t3) {
+    t4 = _jsx("div", {
+      className: classes,
+      "data-value": t3,
+      children: _jsx("input", {
+        className: `${baseClass}__input`,
+        id: path,
+        name: path,
+        onChange,
+        placeholder: t("general:untitled"),
+        readOnly,
+        type: "text",
+        value: customValue || value || ""
+      })
     });
+    $[6] = t;
+    $[7] = customValue;
+    $[8] = value;
+    $[9] = path;
+    $[10] = onChange;
+    $[11] = readOnly;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
 };
-
 //# 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,CAAC,EAAEpB,UAAU,OAAO,CAAC;YAChCuB,IAAIlB;YACJmB,MAAMnB;YACNS,UAAUA;YACVW,aAAahB,EAAE;YACfH,UAAUA;YACVoB,MAAK;YACLlB,OAAOJ,eAAgBI,SAAoB;;;AAInD,EAAC"}
+{"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":[]}

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

@@ -1,50 +1,63 @@
 @import '../../../scss/styles.scss';
 
-.section-title {
-  position: relative;
-  min-width: 0;
+@layer payload-default {
+  .section-title {
+    position: relative;
+    min-width: base(4);
+    max-width: 100%;
+    pointer-events: all;
+    display: flex;
+    overflow: hidden;
 
-  &:after {
-    display: block;
-    content: attr(data-value) ' ';
-    visibility: hidden;
-    white-space: nowrap;
-    min-width: base(2.5);
-  }
+    &:after {
+      display: block;
+      content: attr(data-value) ' ';
+      visibility: hidden;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
+    }
 
-  &:after,
-  &__input {
-    font-family: var(--font-body);
-    font-weight: 600;
-    font-size: base(0.625);
-    padding: 0;
-  }
+    &:after,
+    &__input {
+      font-family: var(--font-body);
+      font-weight: 600;
+      font-size: base(0.625);
+      padding: 0;
+      width: 100%;
+    }
 
-  &__input {
-    color: var(--theme-elevation-800);
-    background-color: transparent;
-    border: none;
-    width: 100%;
-    text-overflow: ellipsis;
-    resize: none;
-    appearance: none;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    &__input {
+      color: var(--theme-elevation-800);
+      background-color: transparent;
+      border: none;
+      min-width: min-content;
+      width: 100%;
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      resize: none;
+      appearance: none;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
 
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
-    }
+      &:hover {
+        box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
+      }
 
-    &:hover,
-    &:focus {
-      outline: 0;
-    }
+      &:hover,
+      &:focus {
+        outline: 0;
+      }
 
-    &:focus {
-      box-shadow: none;
+      &:focus {
+        box-shadow: none;
+      }
     }
   }
 }

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

@@ -1,18 +1,9 @@
-import type { BlockField } from 'payload';
 import React from 'react';
-import type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js';
-import type { FormFieldBase } from '../shared/index.js';
 import './index.scss';
-export type BlocksFieldProps = {
-    blocks?: ReducedBlock[];
-    forceRender?: boolean;
-    isSortable?: boolean;
-    labels?: BlockField['labels'];
-    maxRows?: number;
-    minRows?: number;
-    name?: string;
-    slug?: string;
-    width?: string;
-} & FormFieldBase;
-export declare const BlocksField: React.FC<BlocksFieldProps>;
+export declare const BlocksField: React.FC<{
+    readonly path?: string;
+    readonly validate?: import("payload").BlocksFieldValidation;
+} & Pick<import("payload").ServerFieldBase, "permissions"> & {
+    readonly field: Omit<import("payload").BlocksFieldClient, "type"> & Partial<Pick<import("payload").BlocksFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAA;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAyBvD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,aAAa,CAAA;AAqTjB,eAAO,MAAM,WAAW,4BAA8B,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;AAoUrB,eAAO,MAAM,WAAW;;;;;+EAAsC,CAAA"}