@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/fields/Blocks/RowActions.js

@@ -1,114 +1,58 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
 import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
-export const RowActions = props => {
-  const $ = _c(28);
-  const {
-    addRow,
-    blocks,
-    blockType,
-    copyRow,
-    duplicateRow,
-    hasMaxRows,
-    isSortable,
-    labels,
-    moveRow,
-    pasteRow,
-    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] !== closeModal || $[2] !== drawerSlug || $[3] !== indexToAdd) {
-    t0 = (_, rowBlockType) => {
-      if (typeof addRow === "function") {
-        addRow(indexToAdd, rowBlockType);
-      }
-      closeModal(drawerSlug);
-    };
-    $[0] = addRow;
-    $[1] = closeModal;
-    $[2] = drawerSlug;
-    $[3] = indexToAdd;
-    $[4] = t0;
-  } else {
-    t0 = $[4];
-  }
-  let t1;
-  if ($[5] !== blockType || $[6] !== blocks || $[7] !== copyRow || $[8] !== drawerSlug || $[9] !== duplicateRow || $[10] !== hasMaxRows || $[11] !== isSortable || $[12] !== labels || $[13] !== moveRow || $[14] !== openModal || $[15] !== pasteRow || $[16] !== removeRow || $[17] !== rowCount || $[18] !== rowIndex || $[19] !== t0) {
-    let t2;
-    if ($[21] !== drawerSlug || $[22] !== openModal) {
-      t2 = index => {
-        setIndexToAdd(index);
-        openModal(drawerSlug);
-      };
-      $[21] = drawerSlug;
-      $[22] = openModal;
-      $[23] = t2;
-    } else {
-      t2 = $[23];
-    }
-    let t3;
-    if ($[24] !== blockType || $[25] !== duplicateRow || $[26] !== rowIndex) {
-      t3 = () => duplicateRow(rowIndex, blockType);
-      $[24] = blockType;
-      $[25] = duplicateRow;
-      $[26] = rowIndex;
-      $[27] = t3;
-    } else {
-      t3 = $[27];
-    }
-    t1 = _jsxs(React.Fragment, {
-      children: [_jsx(BlocksDrawer, {
-        addRow: t0,
-        addRowIndex: rowIndex,
-        blocks,
-        drawerSlug,
-        labels
-      }), _jsx(ArrayAction, {
-        addRow: t2,
-        copyRow,
-        duplicateRow: t3,
-        hasMaxRows,
-        index: rowIndex,
-        isSortable,
-        moveRow,
-        pasteRow,
-        removeRow,
-        rowCount
-      })]
-    });
-    $[5] = blockType;
-    $[6] = blocks;
-    $[7] = copyRow;
-    $[8] = drawerSlug;
-    $[9] = duplicateRow;
-    $[10] = hasMaxRows;
-    $[11] = isSortable;
-    $[12] = labels;
-    $[13] = moveRow;
-    $[14] = openModal;
-    $[15] = pasteRow;
-    $[16] = removeRow;
-    $[17] = rowCount;
-    $[18] = rowIndex;
-    $[19] = t0;
-    $[20] = t1;
-  } else {
-    t1 = $[20];
-  }
-  return t1;
+export const RowActions = (props)=>{
+    const { addRow, blocks, blockType, copyRow, duplicateRow, hasMaxRows, isSortable, labels, moveRow, pasteRow, removeRow, rowCount, rowIndex } = props;
+    const { closeModal, openModal } = useModal();
+    const drawerSlug = useDrawerSlug('blocks-drawer');
+    const [indexToAdd, setIndexToAdd] = React.useState(null);
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(BlocksDrawer, {
+                addRow: (_, rowBlockType)=>{
+                    if (typeof addRow === 'function') {
+                        void addRow(indexToAdd, rowBlockType);
+                    }
+                    closeModal(drawerSlug);
+                },
+                addRowIndex: rowIndex,
+                blocks: blocks,
+                drawerSlug: drawerSlug,
+                labels: labels
+            }, void 0, false, {
+                fileName: "src/fields/Blocks/RowActions.tsx",
+                lineNumber: 50,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ArrayAction, {
+                addRow: (index)=>{
+                    setIndexToAdd(index);
+                    openModal(drawerSlug);
+                },
+                copyRow: copyRow,
+                duplicateRow: ()=>duplicateRow(rowIndex, blockType),
+                hasMaxRows: hasMaxRows,
+                index: rowIndex,
+                isSortable: isSortable,
+                moveRow: moveRow,
+                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,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteRow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\n        pasteRow={pasteRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"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,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
@@ -10,82 +8,42 @@ 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 $ = _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);
+ */ export const SectionTitle = (props)=>{
+    const { customOnChange, customValue, path, readOnly } = props;
+    const { setValue, value } = useField({
+        path
     });
-    $[3] = customOnChange;
-    $[4] = setValue;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const onChange = t2;
-  const t3 = customValue || value;
-  let t4;
-  if ($[6] !== customValue || $[7] !== onChange || $[8] !== path || $[9] !== readOnly || $[10] !== t || $[11] !== t3 || $[12] !== value) {
-    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 || ""
-      })
+    const { t } = useTranslation();
+    const classes = [
+        baseClass
+    ].filter(Boolean).join(' ');
+    const onChange = customOnChange || ((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        setValue(e.target.value);
     });
-    $[6] = customValue;
-    $[7] = onChange;
-    $[8] = path;
-    $[9] = readOnly;
-    $[10] = t;
-    $[11] = t3;
-    $[12] = value;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classes,
+        "data-value": customValue || value,
+        children: /*#__PURE__*/ _jsxDEV("input", {
+            className: `${baseClass}__input`,
+            id: path,
+            name: path,
+            onChange: onChange,
+            placeholder: t('general:untitled'),
+            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,"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":[]}
+{"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"}