@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions, Labels, ReducedBlock, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/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 BlockFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ReducedBlock\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\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<BlockFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\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  const LabelComponent = block?.LabelComponent\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              blockType={row.blockType}\n              blocks={blocks}\n              duplicateRow={duplicateRow}\n              fieldMap={block.fieldMap}\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          LabelComponent ? (\n            <LabelComponent blockKind={'block'} formData={row} />\n          ) : (\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          fieldMap={block.fieldMap}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","classNames","filter","Boolean","join","LabelComponent","div","id","split","ref","style","actions","blockType","fieldMap","undefined","className","collapsibleStyle","dragHandleProps","header","blockKind","formData","span","String","padStart","pillStyle","singular","count","withMessage","isCollapsed","collapsed","onToggle","margins","slug","fields"],"mappings":"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"}
+{"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","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","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels, Row, SanitizedFieldPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/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  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={\n            permissions === true ? permissions : permissions?.blocks?.[block.slug]?.fields\n          }\n          readOnly={readOnly}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AA0BlB,OAAO,MAAMC,QAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,MAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC;EAAA,IAAA1B,EA0BpD;EACC;IAAA2B;EAAA,IAAiBhC,cAAA;EACjB,MAAAiC,YAAA,GAAqBnC,gBAAA;EAErB,MAAAoC,cAAA,GAAuBD,YAAA,IAAgBrB,UAAA,IAAa;EAIlD,MAAAuB,EAAA,GAAAD,cAAA,GAAiB,GAAA/B,SAAA,mBAA+B,GAAG,GAAAA,SAAA,kBAA8B;EAAA,IAAAiC,EAAA;EAAA,IAAA9B,CAAA,QAAA6B,EAAA;IAFhEC,EAAA,IACjB,GAAAjC,SAAA,OAAmB,EACnBgC,EAAiF,EAAAE,MAAA,CAAAC,OAEzE;IAAAhC,CAAA,MAAA6B,EAAA;IAAA7B,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAJV,MAAAiC,UAAA,GAAmBH,EAIT,CAAAI,IAAA,CACF;EAIA,MAAAC,EAAA,MAAGrB,UAAA,EAAAsB,KAAA,CAAkB,KAAAF,IAAA,CAAU,YAAYb,QAAA,EAAU;EAAA,IAAAgB,EAAA;EAAA,IAAArC,CAAA,QAAAyB,SAAA,IAAAzB,CAAA,QAAAiB,QAAA,IAAAjB,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAmB,GAAA,IAAAnB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAQ,UAAA,IAAAR,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAa,OAAA,IAAAb,CAAA,SAAAkB,SAAA,IAAAlB,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAAqB,QAAA,IAAArB,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAAe,IAAA,IAAAf,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAuB,WAAA,IAAAvB,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAO,MAAA,IAAAP,CAAA,SAAAsB,UAAA,IAAAtB,CAAA,SAAAiC,UAAA,IAAAjC,CAAA,SAAAmC,EAAA,IAAAnC,CAAA,SAAAwB,UAAA,IAAAxB,CAAA,SAAAc,UAAA;IAAA,IAAAwB,EAAA;IAAA,IAAAtC,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAqB,QAAA,IAAArB,CAAA,SAAAmB,GAAA,IAAAnB,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAAe,IAAA,IAAAf,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAM,UAAA;MAsCrDgC,EAAA,GAAA5B,KAAA,IACE6B,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA3C,SAAA,gBAA4B;QAAA4C,QAAA,GAC1CC,IAAA,CAAC;UAAAF,SAAA,EAAgB,GAAA3C,SAAA,gBAA4B;UAAA4C,QAAA,EAC1CE,MAAA,CAAOtB,QAAA,IAAW,EAAAuB,QAAA,IAAe;QAAA,C,GAEpCF,IAAA,CAAAnD,IAAA;UAAAiD,SAAA,EACa,GAAA3C,SAAA,gBAAAA,SAAA,gBAAqDsB,GAAA,CAAA0B,SAAA,EAAe;UAAAC,SAAA,EACrE;UAAAL,QAAA,EAETtD,cAAA,CAAegB,KAAA,CAAAQ,MAAA,CAAAoC,QAAA,EAAuBrB,IAAA;QAAA,C,GAEzCgB,IAAA,CAAA9C,YAAA;UAAAmB,IAAA,EAAoB,GAAGA,IAAA,YAAgB;UAAAE;QAAA,C,GACtCW,cAAA,IAAkBc,IAAA,CAAApD,SAAA;UAAA0D,KAAA,EAAkB1C,UAAA;UAAAoB,IAAA;UAAAuB,WAAA;QAAA,C;;;;;;;;;;;;;;;;;MAMjCC,EAAA,GAAAC,SAAA,IAAe5B,WAAA,CAAYJ,GAAA,CAAAiC,EAAA,EAAQD,SAAA;MAAAnD,CAAA,OAAAuB,WAAA;MAAAvB,CAAA,OAAAmB,GAAA,CAAAiC,EAAA;MAAApD,CAAA,OAAAkD,EAAA;IAAA;MAAAA,EAAA,GAAAlD,CAAA;IAAA;IAzDjDqC,EAAA,GAAAK,IAAA,CAAC;MAAAU,EAAA,EACKjB,EAAqD;MAAAkB,GAAA,EAEpD7B,UAAA;MAAA8B,KAAA;QAAA7B;MAAA;MAAAgB,QAAA,EAKLC,IAAA,CAAArD,WAAA;QAAAkE,OAAA,EAEI,CAACtC,QAAA,GACCyB,IAAA,CAAA/C,UAAA;UAAAM,MAAA;UAAAG,MAAA;UAAAyC,SAAA,EAGa1B,GAAA,CAAA0B,SAAA;UAAAxC,YAAA;UAAAE,MAAA,EAEHJ,KAAA,CAAAI,MAAA;UAAAC,UAAA;UAAAC,UAAA;UAAAE,MAAA;UAAAE,OAAA;UAAAK,SAAA;UAAAE,QAAA;UAAAC;QAAA,C,aASR;QAAAmB,SAAA,EAEKP,UAAA;QAAAuB,gBAAA,EACO5B,cAAA,GAAiB,UAAU;QAAA6B,eAAA,EAE3ChD,UAAA;UAAA2C,EAAA,EAEUjC,GAAA,CAAAiC,EAAA;UAAAlD,UAAA;UAAAU;QAAA,IAAA8C,SAIN;QAAAC,MAAA,EAGJrB,E;qBAgBWnB,GAAA,CAAAgC,SAAA;QAAAS,QAAA,EAEHV,EAAmC;QAAAT,QAAA,EAE7CC,IAAA,CAAAjD,YAAA;UAAA+C,SAAA,EACa,GAAA3C,SAAA,UAAsB;UAAAU,MAAA;UAAAsD,OAAA,EAEzB;UAAAC,eAAA,EACQ;UAAAhD,UAAA,EACJC,IAAA;UAAAgD,gBAAA,EACMzC,UAAA;UAAAN,WAAA,EAEhBA,WAAA,SAAgB,GAAOA,WAAA,GAAcA,WAAA,EAAAZ,MAAA,GAAsBD,KAAA,CAAA6D,IAAA,GAAAzD,MAAa;UAAAU;QAAA,C;SAXvEE,GAAA,CAAAiC,EAAM;IAAA,GAtDR,GAAGtC,UAAA,QAAkBO,QAAA,EAAU;IAAArB,CAAA,MAAAyB,SAAA;IAAAzB,CAAA,MAAAiB,QAAA;IAAAjB,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAmB,GAAA;IAAAnB,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAQ,UAAA;IAAAR,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAW,MAAA;IAAAX,CAAA,OAAAa,OAAA;IAAAb,CAAA,OAAAkB,SAAA;IAAAlB,CAAA,OAAAoB,QAAA;IAAApB,CAAA,OAAAqB,QAAA;IAAArB,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAAU,KAAA;IAAAV,CAAA,OAAA0B,IAAA;IAAA1B,CAAA,OAAAe,IAAA;IAAAf,CAAA,OAAAM,UAAA;IAAAN,CAAA,OAAAuB,WAAA;IAAAvB,CAAA,OAAAgB,WAAA;IAAAhB,CAAA,OAAAO,MAAA;IAAAP,CAAA,OAAAsB,UAAA;IAAAtB,CAAA,OAAAiC,UAAA;IAAAjC,CAAA,OAAAmC,EAAA;IAAAnC,CAAA,OAAAwB,UAAA;IAAAxB,CAAA,OAAAc,UAAA;IAAAd,CAAA,OAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAAA,OAFtCqC,EAEsC;AAAA,CAwE1C","ignoreList":[]}

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

@@ -1,27 +1,47 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { SearchIcon } from '../../../../icons/Search/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'block-search';
-export const BlockSearch = (props)=>{
-    const { setSearchTerm } = props;
-    const { t } = useTranslation();
-    const handleChange = (e)=>{
-        setSearchTerm(e.target.value);
+export const BlockSearch = props => {
+  const $ = _c(5);
+  const {
+    setSearchTerm
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setSearchTerm) {
+    t0 = e => {
+      setSearchTerm(e.target.value);
     };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx("input", {
-                className: `${baseClass}__input`,
-                onChange: handleChange,
-                placeholder: t('fields:searchForBlock')
-            }),
-            /*#__PURE__*/ _jsx(SearchIcon, {})
-        ]
+    $[0] = setSearchTerm;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const handleChange = t0;
+  let t1;
+  if ($[2] !== t || $[3] !== handleChange) {
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("input", {
+        className: `${baseClass}__input`,
+        onChange: handleChange,
+        placeholder: t("fields:searchForBlock")
+      }), _jsx(SearchIcon, {})]
     });
+    $[2] = t;
+    $[3] = handleChange;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAmC;AAC9D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,MAACC;QAAIC,WAAWV;;0BACd,KAACW;gBACCD,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;0BAEjB,KAACN;;;AAGP,EAAC"}
+{"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":[]}

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

@@ -3,34 +3,36 @@
 $icon-width: base(2);
 $icon-margin: base(0.25);
 
-.block-search {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  z-index: 1;
+@layer payload-default {
+  .block-search {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    z-index: 1;
 
-  &__input {
-    @include formInput;
-  }
+    &__input {
+      @include formInput;
+    }
 
-  .icon--search {
-    position: absolute;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    right: 0;
-    width: $icon-width;
-    margin: 0 $icon-margin;
+    .icon--search {
+      position: absolute;
+      top: 50%;
+      transform: translate3d(0, -50%, 0);
+      right: 0;
+      width: $icon-width;
+      margin: 0 $icon-margin;
 
-    .stroke {
-      stroke: var(--theme-elevation-300);
+      .stroke {
+        stroke: var(--theme-elevation-300);
+      }
     }
-  }
 
-  @include mid-break {
-    &__input {
-      margin-bottom: 0;
+    @include mid-break {
+      &__input {
+        margin-bottom: 0;
+      }
     }
   }
 }

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

@@ -1,12 +1,12 @@
-import type { Labels, ReducedBlock } from 'payload';
+import type { ClientBlock, Labels } from 'payload';
 import React from 'react';
 import './index.scss';
 export type Props = {
-    addRow: (index: number, blockType?: string) => Promise<void> | void;
-    addRowIndex: number;
-    blocks: ReducedBlock[];
-    drawerSlug: string;
-    labels: Labels;
+    readonly addRow: (index: number, blockType?: string) => Promise<void> | void;
+    readonly addRowIndex: number;
+    readonly blocks: ClientBlock[];
+    readonly drawerSlug: string;
+    readonly labels: Labels;
 };
 export declare const BlocksDrawer: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACnE,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAYD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAcD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiExC,CAAA"}

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

@@ -1,4 +1,6 @@
 '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 { getTranslation } from '@payloadcms/translations';
@@ -10,77 +12,130 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { BlockSearch } from './BlockSearch/index.js';
 import './index.scss';
 const baseClass = 'blocks-drawer';
-const getBlockLabel = (block, i18n)=>{
-    if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase();
-    if (typeof block.labels.singular === 'object') {
-        return getTranslation(block.labels.singular, i18n).toLowerCase();
-    }
-    return '';
+const getBlockLabel = (block, i18n) => {
+  if (typeof block.labels.singular === 'string') {
+    return block.labels.singular.toLowerCase();
+  }
+  if (typeof block.labels.singular === 'object') {
+    return getTranslation(block.labels.singular, i18n).toLowerCase();
+  }
+  return '';
 };
-export const BlocksDrawer = (props)=>{
-    const { addRow, addRowIndex, blocks, drawerSlug, labels } = props;
-    const [searchTerm, setSearchTerm] = useState('');
-    const [filteredBlocks, setFilteredBlocks] = useState(blocks);
-    const { closeModal, isModalOpen } = useModal();
-    const { i18n, t } = useTranslation();
-    useEffect(()=>{
-        if (!isModalOpen) {
-            setSearchTerm('');
+export const BlocksDrawer = props => {
+  const $ = _c(17);
+  const {
+    addRow,
+    addRowIndex,
+    blocks,
+    drawerSlug,
+    labels
+  } = props;
+  const [searchTerm, setSearchTerm] = useState("");
+  const [filteredBlocks, setFilteredBlocks] = useState(blocks);
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  let t1;
+  if ($[0] !== isModalOpen) {
+    t0 = () => {
+      if (!isModalOpen) {
+        setSearchTerm("");
+      }
+    };
+    t1 = [isModalOpen];
+    $[0] = isModalOpen;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  let t3;
+  if ($[3] !== searchTerm || $[4] !== blocks || $[5] !== i18n) {
+    t2 = () => {
+      const searchTermToUse = searchTerm.toLowerCase();
+      const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {
+        const blockLabel = getBlockLabel(block, i18n);
+        if (blockLabel.includes(searchTermToUse)) {
+          matchedBlocks.push(block);
         }
-    }, [
-        isModalOpen
-    ]);
-    useEffect(()=>{
-        const searchTermToUse = searchTerm.toLowerCase();
-        const matchingBlocks = blocks?.reduce((matchedBlocks, block)=>{
-            const blockLabel = getBlockLabel(block, i18n);
-            if (blockLabel.includes(searchTermToUse)) matchedBlocks.push(block);
-            return matchedBlocks;
-        }, []);
-        setFilteredBlocks(matchingBlocks);
-    }, [
-        searchTerm,
-        blocks,
-        i18n
-    ]);
-    return /*#__PURE__*/ _jsxs(Drawer, {
-        slug: drawerSlug,
-        title: t('fields:addLabel', {
-            label: getTranslation(labels.singular, i18n)
-        }),
-        children: [
-            /*#__PURE__*/ _jsx(BlockSearch, {
-                setSearchTerm: setSearchTerm
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__blocks-wrapper`,
-                children: /*#__PURE__*/ _jsx("ul", {
-                    className: `${baseClass}__blocks`,
-                    children: filteredBlocks?.map((block, index)=>{
-                        const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-                        return /*#__PURE__*/ _jsx("li", {
-                            className: `${baseClass}__block`,
-                            children: /*#__PURE__*/ _jsx(ThumbnailCard, {
-                                alignLabel: "center",
-                                label: getTranslation(blockLabels?.singular, i18n),
-                                onClick: ()=>{
-                                    void addRow(addRowIndex, slug);
-                                    closeModal(drawerSlug);
-                                },
-                                thumbnail: imageURL ? /*#__PURE__*/ _jsx("img", {
-                                    alt: imageAltText,
-                                    src: imageURL
-                                }) : /*#__PURE__*/ _jsx("div", {
-                                    className: `${baseClass}__default-image`,
-                                    children: /*#__PURE__*/ _jsx(DefaultBlockImage, {})
-                                })
-                            })
-                        }, index);
-                    })
+        return matchedBlocks;
+      }, []);
+      setFilteredBlocks(matchingBlocks);
+    };
+    t3 = [searchTerm, blocks, i18n];
+    $[3] = searchTerm;
+    $[4] = blocks;
+    $[5] = i18n;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t2 = $[6];
+    t3 = $[7];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[8] !== labels.singular || $[9] !== i18n || $[10] !== t || $[11] !== filteredBlocks || $[12] !== addRow || $[13] !== addRowIndex || $[14] !== closeModal || $[15] !== drawerSlug) {
+    t4 = _jsxs(Drawer, {
+      slug: drawerSlug,
+      title: t("fields:addLabel", {
+        label: getTranslation(labels.singular, i18n)
+      }),
+      children: [_jsx(BlockSearch, {
+        setSearchTerm
+      }), _jsx("div", {
+        className: `${baseClass}__blocks-wrapper`,
+        children: _jsx("ul", {
+          className: `${baseClass}__blocks`,
+          children: filteredBlocks?.map((block_0, index) => {
+            const {
+              slug,
+              imageAltText,
+              imageURL,
+              labels: blockLabels
+            } = block_0;
+            return _jsx("li", {
+              className: `${baseClass}__block`,
+              children: _jsx(ThumbnailCard, {
+                alignLabel: "center",
+                label: getTranslation(blockLabels?.singular, i18n),
+                onClick: () => {
+                  addRow(addRowIndex, slug);
+                  closeModal(drawerSlug);
+                },
+                thumbnail: imageURL ? _jsx("img", {
+                  alt: imageAltText,
+                  src: imageURL
+                }) : _jsx("div", {
+                  className: `${baseClass}__default-image`,
+                  children: _jsx(DefaultBlockImage, {})
                 })
-            })
-        ]
+              })
+            }, index);
+          })
+        })
+      })]
     });
+    $[8] = labels.singular;
+    $[9] = i18n;
+    $[10] = t;
+    $[11] = filteredBlocks;
+    $[12] = addRow;
+    $[13] = addRowIndex;
+    $[14] = closeModal;
+    $[15] = drawerSlug;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
 };
-
 //# 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 { I18nClient } from '@payloadcms/translations'\nimport type { Labels, ReducedBlock } 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  addRow: (index: number, blockType?: string) => Promise<void> | void\n  addRowIndex: number\n  blocks: ReducedBlock[]\n  drawerSlug: string\n  labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ReducedBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase()\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)) matchedBlocks.push(block)\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"],"names":["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","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","slug","title","label","div","className","ul","map","index","imageAltText","imageURL","blockLabels","li","alignLabel","onClick","thumbnail","img","alt","src"],"mappings":"AAAA;;AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,aAAa,QAAQ,2CAA0C;AACxE,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,WAAW,QAAQ,yBAAwB;AACpD,OAAO,eAAc;AAUrB,MAAMC,YAAY;AAElB,MAAMC,gBAAgB,CAACC,OAAqBC;IAC1C,IAAI,OAAOD,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU,OAAOH,MAAME,MAAM,CAACC,QAAQ,CAACC,WAAW;IACvF,IAAI,OAAOJ,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU;QAC7C,OAAOd,eAAeW,MAAME,MAAM,CAACC,QAAQ,EAAEF,MAAMG,WAAW;IAChE;IACA,OAAO;AACT;AAEA,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAER,MAAM,EAAE,GAAGI;IAE5D,MAAM,CAACK,YAAYC,cAAc,GAAGpB,SAAS;IAC7C,MAAM,CAACqB,gBAAgBC,kBAAkB,GAAGtB,SAASiB;IACrD,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAG5B;IACpC,MAAM,EAAEa,IAAI,EAAEgB,CAAC,EAAE,GAAGrB;IAEpBL,UAAU;QACR,IAAI,CAACyB,aAAa;YAChBJ,cAAc;QAChB;IACF,GAAG;QAACI;KAAY;IAEhBzB,UAAU;QACR,MAAM2B,kBAAkBP,WAAWP,WAAW;QAE9C,MAAMe,iBAAiBV,QAAQW,OAAO,CAACC,eAAerB;YACpD,MAAMsB,aAAavB,cAAcC,OAAOC;YACxC,IAAIqB,WAAWC,QAAQ,CAACL,kBAAkBG,cAAcG,IAAI,CAACxB;YAC7D,OAAOqB;QACT,GAAG,EAAE;QAELP,kBAAkBK;IACpB,GAAG;QAACR;QAAYF;QAAQR;KAAK;IAE7B,qBACE,MAACR;QACCgC,MAAMf;QACNgB,OAAOT,EAAE,mBAAmB;YAAEU,OAAOtC,eAAea,OAAOC,QAAQ,EAAEF;QAAM;;0BAE3E,KAACJ;gBAAYe,eAAeA;;0BAC5B,KAACgB;gBAAIC,WAAW,CAAC,EAAE/B,UAAU,gBAAgB,CAAC;0BAC5C,cAAA,KAACgC;oBAAGD,WAAW,CAAC,EAAE/B,UAAU,QAAQ,CAAC;8BAClCe,gBAAgBkB,IAAI,CAAC/B,OAAOgC;wBAC3B,MAAM,EAAEP,IAAI,EAAEQ,YAAY,EAAEC,QAAQ,EAAEhC,QAAQiC,WAAW,EAAE,GAAGnC;wBAE9D,qBACE,KAACoC;4BAAGP,WAAW,CAAC,EAAE/B,UAAU,OAAO,CAAC;sCAClC,cAAA,KAACJ;gCACC2C,YAAW;gCACXV,OAAOtC,eAAe8C,aAAahC,UAAUF;gCAC7CqC,SAAS;oCACP,KAAK/B,OAAOC,aAAaiB;oCACzBV,WAAWL;gCACb;gCACA6B,WACEL,yBACE,KAACM;oCAAIC,KAAKR;oCAAcS,KAAKR;mDAE7B,KAACN;oCAAIC,WAAW,CAAC,EAAE/B,UAAU,eAAe,CAAC;8CAC3C,cAAA,KAACH;;;2BAbgCqC;oBAoB/C;;;;;AAKV,EAAC"}
+{"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/BlocksDrawer/index.scss

@@ -1,48 +1,50 @@
 @import '../../../scss/styles.scss';
 
-.blocks-drawer {
-  &__blocks-wrapper {
-    padding-top: base(1.5);
-  }
-
-  &__blocks {
-    position: relative;
-    padding: 0;
-    list-style: none;
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    gap: base(1);
-  }
-
-  &__default-image {
-    width: 100%;
-    overflow: hidden;
-    padding-top: base(0.75);
-  }
+@layer payload-default {
+  .blocks-drawer {
+    &__blocks-wrapper {
+      padding-top: base(1.5);
+    }
 
-  @include large-break {
     &__blocks {
-      grid-template-columns: repeat(5, 1fr);
+      position: relative;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      grid-template-columns: repeat(6, 1fr);
+      gap: base(1);
     }
-  }
 
-  @include mid-break {
-    &__blocks-wrapper {
-      padding-top: base(1.75);
+    &__default-image {
+      width: 100%;
+      overflow: hidden;
+      padding-top: base(0.75);
     }
-    &__blocks {
-      grid-template-columns: repeat(3, 1fr);
-      gap: base(0.5);
+
+    @include large-break {
+      &__blocks {
+        grid-template-columns: repeat(5, 1fr);
+      }
     }
-  }
 
-  @include small-break {
-    &__blocks-wrapper {
-      padding-top: base(0.75);
+    @include mid-break {
+      &__blocks-wrapper {
+        padding-top: base(1.75);
+      }
+      &__blocks {
+        grid-template-columns: repeat(3, 1fr);
+        gap: base(0.5);
+      }
     }
 
-    &__blocks {
-      grid-template-columns: repeat(2, 1fr);
+    @include small-break {
+      &__blocks-wrapper {
+        padding-top: base(0.75);
+      }
+
+      &__blocks {
+        grid-template-columns: repeat(2, 1fr);
+      }
     }
   }
 }

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

@@ -1,17 +1,17 @@
-import type { FieldMap, Labels, ReducedBlock } from 'payload';
+import type { ClientBlock, ClientField, Labels } from 'payload';
 import React from 'react';
 export declare const RowActions: React.FC<{
-    addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
-    blockType: string;
-    blocks: ReducedBlock[];
-    duplicateRow: (rowIndex: number, blockType: string) => void;
-    fieldMap: FieldMap;
-    hasMaxRows?: boolean;
-    isSortable?: boolean;
-    labels: Labels;
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    removeRow: (rowIndex: number) => void;
-    rowCount: number;
-    rowIndex: number;
+    readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
+    readonly blocks: ClientBlock[];
+    readonly blockType: string;
+    readonly duplicateRow: (rowIndex: number, blockType: string) => void;
+    readonly fields: ClientField[];
+    readonly hasMaxRows?: boolean;
+    readonly isSortable?: boolean;
+    readonly labels: Labels;
+    readonly moveRow: (fromIndex: number, toIndex: number) => void;
+    readonly removeRow: (rowIndex: number) => void;
+    readonly rowCount: number;
+    readonly rowIndex: number;
 }>;
 //# sourceMappingURL=RowActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAiDA,CAAA"}
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9E,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAiDA,CAAA"}